在网页开发中，JavaScript 是一种强大的脚本语言，它允许我们动态地操作 HTML 和 CSS。添加一行文本到网页中，是 JavaScript 常见的应用场景之一。以下是一些简单的方法，帮助你用 JavaScript 添加文本。
1. 使用 innerHTML 属性
innerHTML 属性可以用来获取或设置元素的 HTML 内容。以下是一个例子，演示如何向一个已存在的 HTML 元素中添加文本：
// 假设有一个元素，其 id 为 "myElement"
var element = document.getElementById("myElement");
// 向该元素中添加文本
element.innerHTML += "<p>这是一行新添加的文本。</p>";
在这个例子中，我们首先通过 getElementById 方法获取到 id 为 myElement 的元素。然后，我们使用 innerHTML 属性，将新的 HTML 内容（一个包含文本的 <p> 标签）添加到该元素的内部。
2. 使用 textContent 属性
textContent 属性可以用来获取或设置元素的文本内容。以下是一个使用 textContent 添加文本的例子：
// 假设有一个元素，其 id 为 "myElement"
var element = document.getElementById("myElement");
// 向该元素中添加文本
element.textContent += "这是一行新添加的文本。";
在这个例子中，我们同样获取到 id 为 myElement 的元素，然后使用 textContent 属性将文本添加到该元素中。textContent 属性会将所有子元素的内容一起考虑，因此，如果你只想要添加文本，而不想改变元素的 HTML 结构，使用 textContent 是更好的选择。
3. 使用 createElement 和 appendChild 方法
如果你需要创建一个新的元素并将其添加到页面中，可以使用 createElement 和 appendChild 方法。以下是一个例子：
// 创建一个新的 <p> 元素
var p = document.createElement("p");
// 设置新元素的文本内容
p.textContent = "这是一行新添加的文本。";
// 获取目标元素
var targetElement = document.getElementById("myElement");
// 将新元素添加到目标元素中
targetElement.appendChild(p);
在这个例子中，我们首先创建了一个新的 <p> 元素，然后设置了它的文本内容。接着，我们获取了目标元素，并使用 appendChild 方法将新元素添加到目标元素中。
总结
以上三种方法都是用 JavaScript 添加文本的简单方法。你可以根据实际需求选择适合的方法。在实际应用中，通常需要结合 CSS 来控制文本的样式，例如字体、颜色等。希望这篇文章能帮助你更好地理解如何在网页中使用 JavaScript 添加文本。