如何阅读用JavaScript [关闭]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何阅读用JavaScript [关闭]相关的知识,希望对你有一定的参考价值。

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

答案

您可以使用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>
另一答案

不确定你的需求,但我想也许你可以

var innerText = document.getElementsByTagName("p")[0].innerHTML;
另一答案

如果我理解正确,你想在文档中找到所有p标签并提取文本?

document.querySelectorAll('p').forEach(paragraph => {
  console.log(paragraph.textContent);
})

这将在文档中找到所有p标记,并且对于每个段落,将提取文本,允许嵌套标记(例如bi)处理,就像文本的其余部分一样。

如果你想获得所有的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 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何在 javascript 中成功更改标题/段落的字体? [关闭]

如何将此 JavaScript 代码片段翻译成 Parenscript?

我该如何做模态对话框片段(代码在我关闭之前不会执行)

30秒就能看懂的JavaScript 代码片段

如何在片段中使用按钮[关闭]

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