查看動態頁面

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

查看動態頁面

回答

相關問題