在我們平時的JS編程中，經常要獲取標簽的內容對其進行操作，有很多細節的東西容易被我們忽略，下面讓我們來看一下JavaScript如何獲取標簽中的內容。

HTML結構如下：

Title

這有個 第一個p

這有個第二個p

這是個

span

這有個a標簽

JavaScript獲取某標簽的內容的方法：

方法一、innerHTML

此方法可獲取標簽中的所有的內容，包括標簽、空格、文本、換行等。

JavaScript代碼如下：

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

// 獲取標簽的內容

var box1 = box.innerHTML;

console.log(box1);

效果如下：

如果想要清空標簽的內容，innerHTML = ""；即可

如果想要設置標簽中的內容，innerHTML = "填寫想要設置的標簽和內容"；設置內容時，會把原有的內容全部覆蓋。

方法二、innerText

此方法獲取標簽中的文本，不會獲取標簽(或者說可以過濾掉所有的標簽)。如果有多個空格或者是換行，解析為一個空格。

JS代碼和效果圖如下：

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

console.log(box2);

效果如下：

如果想要清空標簽的內容，innerText = ""；即可

如果想要設置標簽中的內容，innerText = "填寫想要設置的標簽和內容"；設置內容時，會把原有的內容全部覆蓋。但是標簽不會被解析，會直接以文本的形式打印在頁面中。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。