<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div>
<h3>“无聊”聊天室</h3>
<ul>
<li>美女：你好啊!</li>
<li>帅哥：你也好!</li>
<li>美女：在干什么?</li>
<li>帅哥：没事做啊，你在干啥？</li>
</ul>
<button>querySelector</button>
<input type="button" name="" value="jquery"/>
</div>
</body>
<script type="text/javascript">
var btn=document.querySelector('button');
btn.onclick=function(){
var li=document.querySelectorAll('.boy');
var li1=document.querySelectorAll('.girl');
var ul=document.querySelector('ul')
ul.style.width='200px';
ul.style.listStyle='none';
for(i=0;i<li.length;i++){
li[i].style.backgroundColor='yellow';
}
for(i=0;i<li1.length;i++){
li1[i].style.backgroundColor='red';
}
}
$('input').on('click',function(){
$('div').css('background','skyblue').css('width','300px');
})
</script>
</html>博客列表 >fxq20171219
fxq20171219
- 追梦者的博客原创转载
- 2017年12月19日 16:24:02576浏览
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议
