在 Div JS 中获取元素

Question

我想为 div 中 ID 为 Restyled 的按钮创建一个 onclick 函数。

我试过这个：

<script>
var RestyledDiv = document.querySelector("#Restyled");
var RestyledButton = x.querySelector("button");
RestyledButton.onclick = function() {
   alert("button was clicked");
};
</script>

但是我得到这个错误：Uncaught SyntaxError: Invalid or unexpected token

Answer 1

您正在寻找向按钮添加 event listener 并且您可以使用 querySelector 比单一选择器级别更深入。

您的代码中还有两个隐藏的空白字符导致了您所看到的语法错误。

请注意我的编辑器中显示的 <0x200b> 个字符，该编辑器配置为显示空白字符。

var RestyledButton = document.querySelector("#Restyled button");
RestyledButton.addEventListener('click', function() {
   alert("button was clicked");
});

<div id="Restyled">
  <button>Click me!</button>
</div>

Answer 2

我试过运行你的代码，基本上有两点我想指出：

var RestyledDiv = document.querySelector("#Restyled"); 这里不需要，您没有使用给定的 div。您可以通过提供的id 直接select 按钮。您可以删除任何 dive 查询行。
您的最后一行代码似乎有些奇怪： } ;

出于某种原因，它对我不起作用，但只要我重新输入相同的代码 - 它就起作用了。

以下是它对我的作用：

<script>
  var RestyledButton = document.querySelector('#restyledButton');
  RestyledButton.onclick = function () {
    alert('button was clicked');
  };
</script>

在 Div JS 中获取元素

Get Element in Div JS

html

javascript

function

onclick

button