在这篇文章中,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,请前往 zijiebao。