JavaScript getElementByID() for HTML Table



现在正在学习Javascript,所以请耐心等待。我在connected.html中创建了一个表,并试图获得event-page.js中<td>标记之间的元素。我使用了document.getElementByID("tokens"),但我得到了null,我想得到12。我想我必须对document.getElementByID("tokens")做更多的工作。我使用了.innerText.innerHTML,但它们都不起作用。任何帮助都将不胜感激!很抱歉出现这么简单的问题。

*注意:event-page.js中的函数是在用户单击按钮时调用的。

connected.html

<html>
<head>
</head>
<body>
<table>
<tr>
<td colspan="4" class="info">Tokens</td>
</tr>
<tr>
<td id="tokens">12</td>
</tr>
</table>
</body>
</html>

事件页面.js

chrome.extension.onMessage.addListener(function(request, sender, sendResponse){
if (request.action.split(':')[0] === 'got-it'){
yt_name = (request.action.split(':')[1])
console.log(yt_name)
let table = document.getElementById("tokens")
console.log(table)
}
})

这是有效的,这意味着在加载DOM之前调用EventListener。

let table = document.getElementById("tokens")
console.log(table)
<table>
<tr>
<td colspan="4" class="info">Tokens</td>
</tr>
<tr>
<td id="tokens">12</td>
</tr>
</table>

最新更新