Question

我是Javascript编码的新手，我在w3schools上遇到过这个TryIt页面。据我所知，代码创建了两个按钮，点击时可以打开和关闭灯泡，但我想从一些Javascript专家那里得到一些更详细的解释，说明这段代码中的每一行究竟是做什么的。

例如，

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">

只需创建一个按钮，并在点击时显示标题为bulbon.gif的图像？我有点困惑。这是代码：

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p>JavaScript can change HTML attributes.</p>

<p>In this case JavaScript changes the src (source) attribute of an image.    </p>

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>

<img id="myImage" src="pic_bulboff.gif" style="width:100px">

<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>

</body>
</html>

感谢。

Answer 1

让我们来看看代码：

的onclick =＆＃34;的document.getElementById（＆＃39; MYIMAGE＆＃39）。SRC =＆＃39; pic_bulbon.gif＆＃39;＆＃34;

OnClick绑定按钮上的事件，单击按钮时将触发该事件。根据您使用的元素类型，有各种事件。比如onKeyUp，onKeyDown，onSelect等

document.getElementById('myImage')告诉浏览器检索ID为＆＃34; myImage＆＃34;的DOM元素。（/！\记住ID在您的代码中必须是唯一的，如果不是行为未知并且您的代码不能按预期工作.getElementsByName将返回一个DOM元素与给定名称匹配的数组。人们倾向于混淆了2个函数，但注意结束S：getElement / getElements）

.src = "pic_bulbon.gif"用新图片替换以前找到的元素源，因此强制重绘该元素。

所以，不，它不会创建新元素，而是更改现有元素的属性

这段代码的每一行有什么作用？

1 个答案: