根据tagname获取元素

<!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>
相关文章
