Fatal编程技术网
  • javascript/
  • 如何使用javascript获取HTML正文的内容？

如何使用javascript获取HTML正文的内容？

javascript html

如何使用javascript获取HTML正文的内容？,javascript,html,Javascript,Html,我正在尝试从HTML正文内容中获取所有引号。 目前我处于以下状态： <!DOCTYPE html> <html> <body> <p id="demo"> <pre> This is my text "with some quotes" and some "more" quotes. </p> <button type="button" onclick="myFunction()">Get quotes<

我正在尝试从HTML正文内容中获取所有引号。 目前我处于以下状态：

<!DOCTYPE html>
<html>
<body>
<p id="demo">
<pre> This is my text "with some quotes" and some "more" quotes. </p>

<button type="button" onclick="myFunction()">Get quotes</button>

<script>
function myFunction() {
var text = document.body.innerHTML;
var quotes =text.match(/"([^"]+)"/g);
for (var i = 0; i < quotes.length; i++) {
document.write(quotes[i] + "<br />" + "<br />");
  }
}
</script>
</body>
</html>
你知道我该怎么解决这个问题吗？ 我试着将内容直接写入var文本，一切都正常，但我希望自动将内容从正文中取出。
感谢您的建议。

不要访问
正文
元素，只访问
p
元素。然后，您将无法从文档的其余部分获取报价项：

不要访问
body
元素，只访问
p
元素。然后，您将无法从文档的其余部分获取报价项：

你可以改变

var text=document.body.innerHTML

到


var text=document.body.innerText

从内容中检索而不包含HTML

编辑：如果不能使用jQuery，您可能希望结合使用innerText和textContent属性来获得更跨浏览器友好的解决方案。
示例：



更新：该答案于2014年提交<现在几乎所有浏览器都支持code>innerText
：


    

  • IE 6+
    • 

  • 边缘所有版本
    • 

  • 火狐45+
    • 

  • 铬4+
    • 

  • 狩猎3.2+
    • 

  • 歌剧10+
    • 


更多浏览器信息，请访问
，您可以更改


var text=document.body.innerHTML

到


var text=document.body.innerText

从内容中检索而不包含HTML

编辑：如果不能使用jQuery，您可能希望结合使用innerText和textContent属性来获得更跨浏览器友好的解决方案。
示例：



更新：该答案于2014年提交<现在几乎所有浏览器都支持code>innerText
：


    

  • IE 6+
    • 

  • 边缘所有版本
    • 

  • 火狐45+
    • 

  • 铬4+
    • 

  • 狩猎3.2+
    • 

  • 歌剧10+
    • 



更多的浏览器信息在结尾在哪里
？是否有必要使用vanilla JS？如果你不想在html的属性中使用
“
”，那么是否有必要使用vanilla JS？而不是
innerText（）呢
会起作用，除非你想要
“
甚至在你的html属性中。这在IE之外的任何东西中都有效吗？我根据你的评论添加了附加信息这在IE之外的任何东西中都有效吗？我根据你的评论添加了附加信息

"with some quotes"

"more"

"button"

"myFunction()"

"([^"

"/g); for (var i = 0; i < quotes.length; i++) { document.write(quotes[i] + "

" + "



"with some quotes"

"more"



document.getElementById('demo').innerHTML;