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

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;

}