JS点击灯泡点亮或熄灭的网页特效- 技术文章- 青岛软件培训-选择一家好的青岛软件培训学校，就要看教学质量和口碑

我们开始解释JS在HTML中作用。对于因特网和视窗操作系统，JavaScript都意味着未来。
(1)JavaScript：写入HTML输出
实例代码：

复制代码运行结果为：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
"upload/201601241407572721.gif";  
  }  
else  
  {  
  element.src="upload/201601241407576233.gif";  
  }  
}  
</script>  
      
<img id="myimage" onclick="changeImage()"   
      
src="upload/201601241407572721.gif">  
      
<p>点击灯泡来点亮或熄灭这盏灯</p>  
</body>  
</html>

未点击之前：

点击之后：

再次点击之后：

JavaScript能够改变任意HTML元素的大多数属性，而不仅仅是图片。这是最炫酷的一个实例，也是经典的样
例！！
(5)JavaScript：改变HTML样式
改变HTML元素的样式，属于改变HTML属性的变种。
实例代码：

复制代码
运行结果为：

<!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=gb2312" />  
<title>JS作用</title>  
</head>  
      
<body>  
<h1>我的第一段 JavaScript</h1>  
      
<p id="demo">  
JavaScript 能改变HTML元素的样式。  
</p>  
      
<script type="text/javascript">  
function myFunction()  
{  
x=document.getElementById("demo") // 找到元素  
x.style.color="#ff0000";          // 改变样式  
}  
</script>  

                
            