收藏
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>列表项01</li>
<li>列表项02</li>
<li>列表项03</li>
<li>列表项04</li>
<li>列表项05</li>
</ul>
</body>
<script>
// 返回的是一个元素的集合
var li = document.getElementsByTagName('li')[0]
li.style.background = 'pink'
// 元素的集合其实是一个对象,它有一个方法:item()
var li1 = document.getElementsByTagName('li').item(1)
li1.style.background = 'yellow'
//该方法不仅定义在document对象上，还在元素对象上也有定义
var ul = document.getElementsByTagName('ul').item(0)
var li2 = ul.getElementsByTagName('li').item(2)
li2.style.background = 'green'
</script>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
