我正在尝试制作随机颜色生成器,但我发现了一个问题。为此,我必须阅读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>
如果我理解正确,你想在文档中找到所有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