JavaScript getElementByID () для HTML таблицы - PullRequest
Новая
       5

JavaScript getElementByID () для HTML таблицы

0 голосов
/ 01 апреля 2020

Обучение Javascript на данный момент, поэтому, пожалуйста, потерпите меня. Я создал таблицу в своем подключенном. html, и я пытаюсь получить элемент между тегами <td> на моей странице событий. js. Я использовал document.getElementByID("tokens"), однако я получаю ноль , я хочу получить 12. Я думаю, что мне нужно больше с document.getElementByID("tokens") Я использовал .innerText и .innerHTML, но они не работали. Любая помощь будет оценена! Извините за такую ​​простую проблему.

* Примечание. Функция на странице событий. js вызывается при нажатии пользователем кнопки.

подключено. 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)
    }
})

1 Ответ

0 голосов
/ 01 апреля 2020

Это работает, это означает, что ваш EventListener вызывается до загрузки DOM. 

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