Javascript 编辑a<；p>；没有身份证

我有一个元素，有一个空段落的子元素。看起来像这样

var onlineContent = document.getElementsByTagName("body")[0];
onlineContent.getElementsByTagName("p")[0].innerHTML = "Content between the p tags";

---

到目前为止，我只有这个。

文档。GetElementsByCassName

返回一个类似数组的对象，因此需要使用以下选项进行选择：

var onlineContent = document.getElementsByClassName("cke_editable cke_editable_themed cke_contents_ltr cke_show_borders")[0];
var onlineContentInner = onlineContentOuter.getElementsByTagName("p")[0];

第0个（表示第一个）元素

另一种方法是使用

document.querySelector（一个有效的CSS选择器）

，它只返回找到的第一个元素（等于

document.queryselectoral（CSS选择器）[0]

）

有效的css选择器应该是

.cke\u editable.cke\u editable\u themed.cke\u contents\u ltr.cke\u show\u borders

您的元素将是（使用

document.querySelector

）：

给你

如果您正在使用，可以尝试以下方法：

$(".cke_editable p:first").html("The text has changed");

---

您还可以在此处阅读更多关于jQuery:first Selector如何工作的信息：

应该是这样的

var onlineContent = document.getElementsByTagName("body")[0];
onlineContent.getElementsByTagName("p")[0].innerHTML = "Content between the p tags";

---

引用

类似数组的对象而不是数组。我如何在两个“p”之间进行更改。innerHTML？@ibrahimmahrir，是的，只是为了简化。这个问题显然是初学者提出的，所以我不想惹人生气。@johnaple，如果

var onlineContent

设置正确，您只需执行

onlineContent.innerHTML=“我不喜欢在线内容。
我最好执行smth.offline。”

@camelCaseNick

getElementsByClassName

可以有多个类！jQuery使用的是CSS synthax，因此它与

文档几乎相同。querySelector

使用jQuery没有任何好处。这只是你必须理解、使用、加载的另一个框架。。。不推荐。我假设他已经安装了Jquery，因为他正在使用CKEditor查看CKEditor的站点，并且它似乎不需要Jquery。@John由于版本4.2所有CKEditor包都随Jquery一起提供，您只需在页面中加载Jquery适配器文件，按以下顺序：

联机内容。文档
未定义。
$(".cke_editable p:first").html("The text has changed");

var onlineContent = document.getElementsByTagName("body")[0];
onlineContent.getElementsByTagName("p")[0].innerHTML = "Content between the p tags";