如何使用 JavaScript 读取 <p> [关闭]
Posted
技术标签:
【中文标题】如何使用 JavaScript 读取 <p> [关闭]【英文标题】：How to read <p> with JavaScript [closed] 【发布时间】：2018-08-14 18:23:48 【问题描述】：我正在尝试制作随机颜色生成器，但我发现了一个问题。 为此，我必须使用 JS 阅读段落中的文本。我不想使用任何库。只是 html 和 JS。
【问题讨论】：
我们能看到代码吗？ 请提供代码。 从字面上看，你的问题标题的第一个谷歌结果将为你回答这个问题。 您应该提供代码，我认为您要问的只是从 html 元素中获取数据。 var x = document.getElementsByTagName("P")[0].textContent; 嘿，我鼓励大家不要投票反对[基本[问题，有些人只是在学习:) 【参考方案1】：您可以使用 id 来获取要设置样式的元素。
<!DOCTYPE html>
<html>
<body>
<p id="myp">Click the button to change the style of the p element.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
var color1 = Math.floor((Math.random() * 255) + 1);
var color2 = Math.floor((Math.random() * 255) + 1);
var color3 = Math.floor((Math.random() * 255) + 1);
document.getElementById("myp").style.color = "rgb("+color1+","+color2+","+color3+")";
</script>
</body>
</html>【讨论】：
【参考方案2】：嗯，不确定你的需求，但我想也许你可以
var innerText = document.getElementsByTagName("p")[0].innerHTML;如果您需要更多信息，请联系link。
如果您觉得可以使用某些类，最好使用this
【讨论】：
【参考方案3】：如果我理解正确，你想在文档中找到所有p 标签并提取文本？
document.querySelectorAll('p').forEach(paragraph =>
console.log(paragraph.textContent);
)
这将找到文档中的所有p标签，并且对于每个段落，文本将被提取，允许嵌套标签，例如b，i，就像处理文本的其余部分一样。
如果你想获取所有的 HTML，你可以这样做
document.querySelectorAll('p').forEach(paragraph =>
console.log(paragraph.innerHTML);
)
https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
【讨论】：
以上是关于如何使用 JavaScript 读取 <p> [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 javascript 或 jquery 读取 DBUnit XML