更改所有 p 标签的内容 - Javascript

在网页开发中，我们经常需要修改某些元素的内容，这在 Javascript 中非常容易实现。下面就来介绍如何使用 Javascript 更改所有 p 标签的内容。

获取 p 标签

首先，我们需要获取所有的 p 标签。在 Javascript 中，我们可以使用 document.getElementsByTagName() 方法来获取某个页面上的所有元素，例如获取所有的 p 标签可以这样写：

var paragraphs = document.getElementsByTagName("p");

这样，我们就把所有的 p 标签存储到了 paragraphs 变量中。

修改内容

接下来，我们可以使用 innerHTML 属性来修改 p 标签的内容。例如，将所有的 p 标签的内容都修改为 "Hello World!"，可以这样写：

for (var i = 0; i < paragraphs.length; i++) {
    paragraphs[i].innerHTML = "Hello World!";
}

这样，所有 p 标签的内容都会变成 "Hello World!"。

完整代码

以上两步是实现更改所有 p 标签内容的核心代码，在此基础上，我们可以添加一些完整的代码来实现更完善的功能。

var paragraphs = document.getElementsByTagName("p");

for (var i = 0; i < paragraphs.length; i++) {
    paragraphs[i].innerHTML = "Hello World!";
}

以上代码会将所有的 p 标签的内容都修改为 "Hello World!"。你可以在此基础上进行修改，实现更加丰富的功能。

参考文献：

• MDN - Element.getElementsByTagName()
• MDN - Element.innerHTML