选择 <p> 在使用javascript的div中

Question

我想选择p标签并在内容类div中设置样式。 以下是HTML示例：

<div class="content">
<p> this is paragraph </p>
</div>

我想选择并设置紧跟div之后的p。 p没有ID或类。

如何通过JavaScript选择它？

Answer 1

您可以使用querySelector

document.querySelector('.content p').style.color = 'red';

Answer 2

这可以使用querySelector完成。 您没有指定最低浏览器要求。

var p = document.querySelector(".content p");
p.style.color = "red";

http://jsfiddle.net/g35ec/

Answer 3

如果你可以访问div，你可以使用

var ps = divObject.getElementsByTagName('p'); //ps contains all of the p elements inside your div
var p = ps[0]; //take the first element

Answer 4

风格

标签正常使用它，就像在样式标签中一样，或者使用单独的css文件。 看看这个小提琴可能对你有所帮助

http://jsfiddle.net/3uUjf/

p{
background-color: cyan;

}