選擇 <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;

}