收藏
<!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>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
