查看动态页面

<!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>

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

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

我想我可能会有一些基本的误解。任何帮助感激地收到。

来源

2013-07-21 user2604043

你不能在HTML中看到更改，因为你没有改变HTML。 – JJJ

也许你应该试着在调用onChange时调用函数Test（）。例如：'document.getElementById（“newinputname”）。onchange = Test（）;' – Abhay

@Abhay：你的意思是...... onchange = Test'。使用圆括号，函数会立即运行，并且它的返回值将是JS尝试设置的事件处理程序（并且几乎可以肯定会失败）。无论哪种方式，对HTML的影响大致相同。 – cHao

不是添加onchange属性，而是指定document.getElementById("newinputname").onchange设置新的事件侦听器。

如果你想查看连接到元素的事件，你将不得不使用console.log和类似的工具。看到这个答案：How to find event listeners on a DOM node when debugging or from the JavaScript code?

来源

2013-07-21 14:31:56

查看动态页面

回答

相关问题