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

时间:2018-06-14 18:43:56

标签: javascript html dom web-scraping

我创建了一个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>
&#13;
&#13;
&#13;

感谢您的帮助:))))

1 个答案:

答案 0 :(得分:0)

您要将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/