码迷,mamicode.com
首页 > 编程语言 > 详细

触发时,文本出现颜色。事件是黏合应用程序中所有用户交互的胶水。DOM和事件的是JavaScript中的黄金搭档

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

标签:blog   dem   window   for   doc   html   颜色   utf-8   程序   

<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[i].onmouseover = function(){ 
this.style.color = "blue"; 
} 
li[i].onmouseout = function(){ 
this.style.color = "red"; 
} 
} 
} 
</script> 
</head> 
<body> 
<ul> 
<li>李老师-英语</li> 
<li>张老师-数学</li> 
<li>刘老师-物理</li> 
</ul> 
</body> 
</html> 

 

触发时,文本出现颜色。事件是黏合应用程序中所有用户交互的胶水。DOM和事件的是JavaScript中的黄金搭档

标签:blog   dem   window   for   doc   html   颜色   utf-8   程序   

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

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