Question

我只是测试JavaScript，试图感受它，我碰巧遇到了一些麻烦。 oncllick属性没有按照我打算用“p”标签做的事情。我希望当我点击它时段落变蓝，但在加载过程中样式会变为蓝色。帮助将不胜感激！

<!DOCTYPE html>
<html>
<body>
<p id="test">This is a test. This is a test.</p>
<script>
var x;
x=document.getElementById("test")

function changeColor()
 {
    x.style.color="blue";
 }
    x.onclick=changeColor()
 </script>
 </body>
 </html>

Answer 1

删除括号：

x.onclick=changeColor;

你在那里的方式，你立即调用函数并将结果（undefined）分配给onclick事件处理程序。您需要将函数本身分配给事件处理程序。

Answer 2

将onclick处理程序设置为函数 name ：

x.onclick = changeColor

或者在您分配给onclick的匿名函数中调用changeColor fn：

x.onclick = function(){changeColor();}

...如果您愿意，可以使用后面的方法调用其他文件。

Answer 3

更改颜色内部没有括号。尝试将其编辑为此...

x.onclick = changeColor;

changecolor（）不正确，因为它不是保留方法。例如Date（）。

<p>标签的onclick属性</p>

3 个答案: