带有 document.getElementById 的简单 javascript 从 html 中提取文本

Question

我创建了一个 Safari 扩展，它是按钮、工具栏，我只是想做一个非常简单的事情，没什么特别的，我想点击这个按钮，警报只显示使用 document.getElementById 提取的那部分文本。警报返回 null。

function myFunction() {
    let myElement = document.getElementById("p-interaction-label");
    alert("The element from the paragraph is: " + myElement);
  }

<button onclick="myFunction()">ToolBar</button>

感谢您的帮助 :))))

Answer 1

您将myElement 分配给一个元素，而不是它的值/内容。改变你的变量赋值如下：

如果p-interaction-label 不是输入字段，您可以像这样使用textContent：

function myFunc(){
    let myElement = document.getElementById("p-interaction-label").textContent;
    console.log(myElement);
    alert("The element from the paragraph is: " + myElement);
}

jsFiddle: http://jsfiddle.net/AndrewL64/2vhy7beu/11/

---

如果p-interaction-label是一个输入字段，你可以像这样使用value：

function myFunc(){
    let myElement = document.getElementById("p-interaction-label").value;
    console.log(myElement);
    alert("The element from the paragraph is: " + myElement);
}

jsFiddle: http://jsfiddle.net/AndrewL64/2vhy7beu/7/