获取 Div JS 中的元素答案

【问题标题】：Get Element in Div JS获取 Div JS 中的元素
【发布时间】：2021-08-11 22:13:46
【问题描述】：

我想为 id 为 Restyled 的 div 中的按钮创建一个 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

【问题讨论】：

你定义x了吗？

标签： javascript html function button onclick

【解决方案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>

【讨论】：

【解决方案2】：

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

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

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

这对我来说是这样的：

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

【讨论】：