首页 > 代码库 > 操作DOM元素,Dom元素添加颜色,删除第二个li元素

操作DOM元素,Dom元素添加颜色,删除第二个li元素

 
<html> 
<head> 
<title>demo</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript"> 
/* 
示例操作DOM元素 
*/ 
window.onload = function(){ 
//给Dom元素添加颜色 
var li = document.getElementsByTagName("li"); 
for(var i=0;i<li.length;i++){ 
li[i].style.color = "red"; 
} 
//删除第二个li元素 
var ul = document.getElementsByTagName("ul")[0]; //索引从0开始 
ul.removeChild( li[1] ); //索引从0开始 
} 
</script> 
</head> 
<body> 
<ul> 
<li>李老师-英语</li> 
<li>张老师-数学</li> 
<li>刘老师-物理</li> 
</ul> 
</body> 
</html> 

 

操作DOM元素,Dom元素添加颜色,删除第二个li元素