JS学习实践 JavaScript 修改图像灯泡

Posted 2021-01-31 kekeoutlook

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS学习实践 JavaScript 修改图像灯泡相关的知识，希望对你有一定的参考价值。

技术分享图片

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<script>
function changeImage()
{
	element=document.getElementById(‘myimage‘)
	if (element.src.match("bulbon"))
	{
		element.src="/images/pic_bulboff.gif";
	}
	else
	{
		element.src="/images/pic_bulbon.gif";
	}
}
</script>
<img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
	
</body>
</html>

以上是关于JS学习实践 JavaScript 修改图像灯泡的主要内容，如果未能解决你的问题，请参考以下文章

JS学习实践小结—基本概念

js最佳实践

Simulink HDL Coder FPGA初级开发实践 LED呼吸灯

《javascript设计模式与开放实践》学习惰性单例模式

干货 | 2018 JavaScript 趋势；node.js 生产最佳实践；开放数据如何是社会受益；UI设计中的视觉平衡