码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-01-19 21:45:52      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:英语   charset   pre   i++   var   meta   name   颜色   示例   

 
<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元素

标签:英语   charset   pre   i++   var   meta   name   颜色   示例   

原文地址:http://www.cnblogs.com/dexin/p/6308687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!