<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>新的选择器</title>
<script>
//querySelector();
//querySelectorAll();
//document.getElementById();
//document.getElementByClassName();只针对classname,且classname前面不用加点
//document.getElementsByTagName();
//jQuery方法 $('#div1') $('.box') $('ul li')
window.onload = function(){
//var oDiv = document.querySelector('div1');获取ID名
//var oDiv = document.querySelector('.box');classname前面要加点
//var oDiv = document.querySelector('[title=hello]');
var oDiv = document.querySelector('.box'); //只能选择一组中的第一个元素
oDiv.style.background = 'red';
/*var oDiv = document.querySelectorAll('.box');
alert( oDiv.length );*/
//选择一组元素
};
</script>
</head>
<body>
<div id="div1" class="box" title="hello">div</div>
<div class="box">div2</div>
</body>
</html>
新的选择器
最新推荐文章于 2022-08-26 10:35:48 发布