选择<；p>；在一个div中使用javascript

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

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

这是一段

我想选择和样式的p是紧接在div之后。p没有ID或类

---

如何通过JavaScript选择它？

您可以使用

querySelector

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

---

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

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

---

这可以使用

querySelector

完成。您没有指定最低浏览器要求

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

---

要设置标签样式，请正常使用 在样式标记中，或者如果使用单独的css文件。 看看这把小提琴，它可能对你有帮助

---

}

。

不是在

之后。请注意，querySelector方法在IE7及以下版本中不兼容。@Hatsjoem-和

getElementsByClassName

在IE8中不可用，因此

querySelector

具有更好的支持，不是吗？我对此一无所知（除了通常的“糟糕的IE支持”）。不，只是IE9和以上版本，而

querySelector

在IE8和以上版本中工作。今年晚些时候甚至连jQuery都会放弃对IE6/7的支持，所以我认为这些浏览器的兼容性问题在这一点上是无关紧要的。我的问题是：我想在div标记中选择p。p不是id或类。如何选择p？你能再解释一下吗。。thank@user3536919-您的目标浏览器是什么？有许多选项，但并非所有选项都与旧浏览器兼容。

p{
background-color: cyan;