document.getElementById返回null

Question

我目前正在嘗試為Chrome開發擴展程序。

我現在想做的是創建一個HTML表單，上面帶有一個按鈕，當按下該按鈕時，它將顯示一個消息框。

我的項目包含一個HTML文件和一個JavaScript文件。

<html>
<head>
<style>
body {
  width:100px;
  font-family: sans-serif;
  font-size: 0.8em;
}
</style>
<script src="popup.js"></script>
</head>
<body>
<input id="buttonid" type="button" value="try it"></input>
</body>



chrome.tabs.onCreated.addListener(onCreated());

function myFunction()
{
alert("Hello World!");
}

function onCreated()
{
    var fld = document.getElementById("buttonid");
    if(fld==null)
    {
        alert("null");
    }
    else
    {
        alert("not null");
    }   
}

所以我的理解是，當呈現HTML時，它將運行我的onCreated（）函數。 然后，它將查找ID =“ buttonid”的元素。 但這總是返回null，因此出現一個消息框，顯示“ null”。

誰能解釋一下？ 這似乎沒有任何意義。 我嘗試在IE中運行經過稍微調整的版本，但結果相同。

只是要清楚一點，我知道上面的描述不符合我的描述，但是我嘗試在將事件附加到JavaScript之前從JavaScript訪問該按鈕。

Answer 1

更換

chrome.tabs.onCreated.addListener(onCreated());

同

chrome.tabs.onCreated.addListener(onCreated);

事件處理程序規則1：不加括號！ -您不想執行該功能，但要注冊它。

Answer 2

固定！ 我放置了window.onload = function（）{onCreated（）}; 在第一行。 這意味着在加載html時它將運行我的函數“ onCreated” ...謝謝大家，您向正確的方向推了我。

document.getElementById返回null

問題描述

2 個解決方案

解決方案1
5 2013-01-22 22:01:35

解決方案2
0 2013-01-23 17:13:01

document.getElementById返回null

問題描述

2 個解決方案

解決方案1 5 2013-01-22 22:01:35

解決方案2 0 2013-01-23 17:13:01

解決方案1
5 2013-01-22 22:01:35

解決方案2
0 2013-01-23 17:13:01