Question

<!DOCTYPE html>
<html>
  <head>
    <script>
      function init() {
        document.getElementById("inputname").id = 'newinputname';
        document.getElementById("newinputname").onchange = function() { Test() };
      }
      function Test() {
        alert('Test');
      }
    </script>
  </head>
  <body onload='init()'>
    Enter your name: <input type="text" id="inputname">
  </body>
</html>

我似乎无法找到任何查看更改页面的方法。例如，在上面的例子中，除了说明之外没有其他目的，我希望能够看到onchange反映的效果。使用IE和 F12 工具，我可以看到输入元素的名称更改，但无法在任何地方看到onchange。

我有一段代码可以显着改变表格，更改id和设置onclick处理程序。我想检查一下这些变化是否已经完成。如上所述，我可以看到id更改等工作正常，onclick函数似乎工作正常，但我看不到在新页面输出中输入onclick="..."的位置。

我想我可能会有一些基本的误解。任何帮助都感激不尽。

Answer 1

不是在onchange上添加属性，而是分配document.getElementById("newinputname").onchange设置新的事件监听器。

如果您想查看与元素相关的事件，则必须使用console.log和类似工具。请参阅此答案：How to find event listeners on a DOM node when debugging or from the JavaScript code?

查看动态页面

1 个答案: