JavaScript如何更改文本内容？附源码

猿友 2021-05-27 10:16:54 浏览数 (3047)

在这篇文章中，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 如何更改文本内容？附源码”的全部内容。想要学习更多 JavaScript，请前往 w3cschool。

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