通过css选择器获取元素

abstract：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<ul id="ul">
	<li class="today">今天</li>
	<li class="tommorrow">明天</li>
	<li class="houtian">后天</li>
	<li class="dahoutian">大后天</li>    	
</ul>

<script type="text/javascript">
	let lists = document.querySelectorAll("li");
	lists[0].style.backgroundColor="red";
	lists[1].style.backgroundColor="blue";
	//console.log(lists)
	
	
	let ul = document.querySelector("#ul");//返回满足条件的第一个
	console.log(ul);
	let li = ul.querySelectorAll(".houtian");
	li[0].style.backgroundColor="yellow";
</script>
</body>
</html>

Correcting teacher：查无此人Correction time：2019-04-23 13:39:51
Teacher's summary：完成的不错。js是终身学习的语言，要好好学习。继续加油

通过css选择器获取元素

Popular Entries