Question

我知道我忽略了一些东西，但我不知道自己做错了什么。似乎无法打开控制台（我最终正在为屏幕添加一个盒子）。我正在使用Chrome btw：

HTML

<button id="1" class="hot"></button>

JS

function addBox() {
  console.log("hello");
}

var clickBox = document.getElementById("1");
clickBox.onClick = addBox;

Answer 1

DOM属性区分大小写（与HTML属性不同），属性的正确名称为onclick：

clickBox.onclick = addBox;

Learn more about the different ways of binding event handlers.

＆＃13;

function addBox() {
  console.log("hello");
}

var clickBox = document.getElementById("1");
clickBox.onclick = addBox;

＆＃13;

.hot {
  width: 100px;
  height: 100px;
  border: 3px solid black;
  background-color: pink;
}

＆＃13;

<button id="1" class="hot"></button>

＆＃13;

Answer 2

尝试

clickBox.onclick = addBox;

或

clickBox.addEventListener('click', addBox);

Answer 3

我不知道JavaScript中DOM元素的任何本地onClick方法。

您可以在HTML <button onclick="addBox()">中执行事件属性。

或者你可以clickBox.addEventListener('click', addBox);。

Answer 4

首先，您的ID应以字母开头（如果您打算兼容HTML4）。其次，如果要使用JS定义事件（不使用jQuery等库），则应使用addEventListener。或者您可以简单地将onclick直接添加到元素（onclick="addBox()"）。最后，您的onclick应该都是小写的（因为JS属性键区分大小写）。

Answer 5

这个代码javascript：

var clickBox = document.getElementById("1");
clickBox.onclick=addBox;
function addBox() {
  console.log("hello");
}

Answer 6

尝试在window.onload标记内提供所有javascript 如下所示：

window.onload = function（）{
//你的代码在这里 }

Javascript onClick事件无法登录控制台

6 个答案: