如何阅读用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
标记,并且对于每个段落,将提取文本,允许嵌套标记(例如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 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章
如何在 javascript 中成功更改标题/段落的字体? [关闭]