摘要：<!DOCTYPE html> <html> <head> <title>css選擇器</title> </head> <body> <ul id="ul"> <li class="red">列表1</li&
<!DOCTYPE html>
<html>
<head>
<title>css選擇器</title>
</head>
<body>
<ul id="ul">
<li class="red">列表1</li>
<li class="green">列表1</li>
<li class="red">列表1</li>
<li class="green">列表1</li>
<li class="red">列表1</li>
</ul>
<!-- getElementById 獲取id,唯一性 -->
<script type="text/javascript">
var ul=document.getElementById('ul')
console.log(ul);
// getElementsByTagName 獲取標簽,是一個數(shù)組
var li=document.getElementsByTagName('li')
console.log(li);
//getElementsByClassName 獲取class,是一個數(shù)組;
var cl=document.getElementsByClassName('green')
console.log(cl);
//下面的方法和上面的獲取值一樣,獲得數(shù)組就加All,后面跟上對應的id/class屬性或者標簽名;
// let ul=document.querySelector('#ul');
// console.log(ul);
// let ul=document.querySelectorAll('li');
// console.log(ul);
// let ul=document.querySelectorAll('.green');
// console.log(ul);
</script>
</body>
</html>
批改老師：查無此人批改時間：2019-04-16 10:01:04
老師總結(jié)：完成的不錯。有了css樣式，可以讓頁面更美，更絢麗。繼續(xù)加油。