如何使用 JavaScript 读取 <p> [关闭]答案

【问题标题】：How to read <p> with JavaScript [closed]如何使用 JavaScript 读取 <p> [关闭]
【发布时间】：2018-08-14 18:23:48
【问题描述】：

我正在尝试制作随机颜色生成器，但我发现了一个问题。为此，我必须使用 JS 阅读段落中的文本。我不想使用任何库。只是 HTML 和 JS。

【问题讨论】：

我们能看到代码吗？
请提供代码。
从字面上看，你的问题标题的第一个谷歌结果将为你回答这个问题。
您应该提供代码，我认为您要问的只是从 html 元素中获取数据。 var x = document.getElementsByTagName("P")[0].textContent;
嘿，我鼓励大家不要投票反对[基本[问题，有些人只是在学习:)

标签： javascript html css colors

【解决方案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

【讨论】：