findElementById无法找到节点

JS函数调用：引号使用影响执行结果

最新推荐文章于 2024-05-17 10:39:00 发布

原创最新推荐文章于 2024-05-17 10:39:00 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

javascript 同时被 2 个专栏收录

25 篇文章

订阅专栏

3 篇文章

订阅专栏

博客指出JS函数调用失败问题，调用findElementById时，括号内参数用双引号会失败，换成单引号则执行成功，体现了引号使用对JS函数调用的影响。

js函数调用失败，是因为在调用findElementById时括号内参数用了双引号，换成单引号执行成功

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