通过网页中的ID获取元素的值

Question

我对 javascript、html 和所有这些东西还很陌生，目前正在尝试创建一个 chrome 扩展来获取元素的值并将其显示在 chrome 扩展名。但是我得到的是 [object object] 而不是值，我觉得我走在正确的道路上，但同时也感觉偏离了方向。

popup.js

window.addEventListener('load', function (evt) {
    chrome.extension.getBackgroundPage().chrome.tabs.executeScript(null, {
        file: 'payload.js'
    });;
});

// Listen to messages from the payload.js script and write to popout.html
chrome.runtime.onMessage.addListener(function (message) {
    document.getElementById('demo').innerHTML = message;
});

payload.js

chrome.runtime.sendMessage(document.getElementById("priceblock_ourprice"));

Answer 1

要从 HTML 获取文本，您应该使用 .innerHTML 或 .innerText

const text = document.getElementById("priceblock_ourprice");

console.log(text.innerHTML);
console.log(text.innerText);

<h1 id="priceblock_ourprice">Hello World</h1>

通过网页中的ID获取元素的值

Getting the value of an element by an ID in a webpage

html

javascript

google-chrome-extension