App下載

JavaScript如何更改文本內(nèi)容?附源碼

猿友 2021-05-27 10:16:54 瀏覽數(shù) (2843)
反饋

在這篇文章中,w3cschool 小編教你 JavaScript 如何更改文本內(nèi)容。

innerHTML 屬性

想要使用 JavaScript 更改文本,我們需要用到的屬性是 innerHTML 屬性。首先我們需要獲取到要更改的元素,使用?.innerHTML="屬性值"?即可。往期文章《JavaScript獲取元素的物種方法?獲取元素方法介紹》中詳細(xì)介紹了 JavaScript 獲取元素的元素的方法,同學(xué)們可以自行復(fù)習(xí)。

具體代碼:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>JavaScript更改文本內(nèi)容 - 編程獅(w3cschool.cn)</title>
</head>
<body>
	<h2>JavaScript更改文本內(nèi)容</h2>
	<p id="text">該部分文本內(nèi)容將會(huì)被更改</p>
	<script type="text/javascript">
		document.getElementById("text").innerHTML="已被更改";
	</script>
</body>
</html>

由上述代碼,我們可以看到段落文本應(yīng)該顯示的內(nèi)容為“該部分文本內(nèi)容將會(huì)被更改”。但是我們使用了 innerHTML 屬性會(huì)把其內(nèi)容文本更改為“已被更改”。

實(shí)現(xiàn)效果:

JavaScript更改文本內(nèi)容

以上就是文章“JavaScript 如何更改文本內(nèi)容?附源碼”的全部內(nèi)容。想要學(xué)習(xí)更多 JavaScript,請前往 w3cschool。

推薦課程:JavaScript入門課程JavaScript基礎(chǔ)實(shí)戰(zhàn)

0 人點(diǎn)贊