在这篇文章中，w3cschool 小编教你 JavaScript 如何更改文本内容。

innerHTML 属性

想要使用 JavaScript 更改文本，我们需要用到的属性是 innerHTML 属性。首先我们需要获取到要更改的元素，使用​.innerHTML="属性值"​即可。往期文章《JavaScript获取元素的物种方法？获取元素方法介绍》中详细介绍了 JavaScript 获取元素的元素的方法，同学们可以自行复习。

具体代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>JavaScript更改文本内容 - 编程狮(w3cschool.cn)</title>
</head>
<body>
	<h2>JavaScript更改文本内容</h2>
	<p id="text">该部分文本内容将会被更改</p>
	<script type="text/javascript">
		document.getElementById("text").innerHTML="已被更改";
	</script>
</body>
</html>

由上述代码，我们可以看到段落文本应该显示的内容为“该部分文本内容将会被更改”。但是我们使用了 innerHTML 属性会把其内容文本更改为“已被更改”。

实现效果：

以上就是文章“JavaScript 如何更改文本内容？附源码”的全部内容。想要学习更多 JavaScript，请前往 w3cschool。

推荐课程：JavaScript入门课程、JavaScript基础实战

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。