如何使用JavaScript

时间:2018-03-06 19:27:35

标签: javascript html css colors

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

3 个答案:

答案 0 :(得分:0)

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

var innerText = document.getElementsByTagName("p")[0].innerHTML;

这是link,如果您需要更多相关信息。

如果您觉得可以使用某些课程,最好使用this

答案 1 :(得分:0)

如果我理解正确,您想在文档中找到所有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

答案 2 :(得分:0)

您可以使用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>
&#13;
&#13;
&#13;