在我們平時(shí)的JS編程中，經(jīng)常要獲取標(biāo)簽的內(nèi)容對(duì)其進(jìn)行操作，有很多細(xì)節(jié)的東西容易被我們忽略，下面讓我們來(lái)看一下JavaScript如何獲取標(biāo)簽中的內(nèi)容。

HTML結(jié)構(gòu)如下：

Title

這有個(gè) 第一個(gè)p

這有個(gè)第二個(gè)p

這是個(gè)

span

這有個(gè)a標(biāo)簽

JavaScript獲取某標(biāo)簽的內(nèi)容的方法：

方法一、innerHTML

此方法可獲取標(biāo)簽中的所有的內(nèi)容，包括標(biāo)簽、空格、文本、換行等。

JavaScript代碼如下：

var box = document.getElementById('box');

// 獲取標(biāo)簽的內(nèi)容

var box1 = box.innerHTML;

console.log(box1);

效果如下：

如果想要清空標(biāo)簽的內(nèi)容，innerHTML = ""；即可

如果想要設(shè)置標(biāo)簽中的內(nèi)容，innerHTML = "填寫(xiě)想要設(shè)置的標(biāo)簽和內(nèi)容"；設(shè)置內(nèi)容時(shí)，會(huì)把原有的內(nèi)容全部覆蓋。

方法二、innerText

此方法獲取標(biāo)簽中的文本，不會(huì)獲取標(biāo)簽(或者說(shuō)可以過(guò)濾掉所有的標(biāo)簽)。如果有多個(gè)空格或者是換行，解析為一個(gè)空格。

JS代碼和效果圖如下：

var box = document.getElementById('box'); var box2 = box.innerText;

console.log(box2);

效果如下：

如果想要清空標(biāo)簽的內(nèi)容，innerText = ""；即可

如果想要設(shè)置標(biāo)簽中的內(nèi)容，innerText = "填寫(xiě)想要設(shè)置的標(biāo)簽和內(nèi)容"；設(shè)置內(nèi)容時(shí)，會(huì)把原有的內(nèi)容全部覆蓋。但是標(biāo)簽不會(huì)被解析，會(huì)直接以文本的形式打印在頁(yè)面中。

總結(jié)

以上是生活随笔為你收集整理的js如何写html中的内容,javascript怎样获取某个标签的内容？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。