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

2021-05-27 10:16:54 浏览数 (55)

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

innerHTML 属性

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

具体代码:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>JavaScript更改文本内容 - 字节宝(zijiebao.com)</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,请前往 zijiebao

推荐课程:JavaScript入门课程JavaScript基础实战

1 人点赞