innerHTML在javaScript中具有雙向功能，一是可以從指定的元素對象中獲取內容，二是可以把自定義內容插入到指定的元素對象中去。

定義和用法

innerHTML屬性用于設置或返回指定標簽之間的HTML內容Object.innerHTML?=?"HTML";//?設置

var?html?=?Object.innerHTML;//?獲取

例1：

獲取ID為mochu的P標簽元素中的內容

function?getinnerHTML(){

alert(document.getElementById("mochu").innerHTML);

}

這是獲取到的內容！

例2：

向ID為mochu的P標簽元素中插入內容

function?setInnerHTML(){

document.getElementById("mochu").innerHTML?=?"這里是替換的內容包括標簽";

}

這里是被替換掉的內容

擴展筆記：

簡單的說innerHTML和outerHTML、innerText與outerText的不同之處在于：

1、innerHTML與outerHTML在設置對象的內容時包含的HTML會被解析，而innerText與outerText則不會。

2、在設置時，innerHTML與innerText僅設置標簽內的文本，而outerHTML與outerText設置包括標簽在內的文本。

3、innerHTML是符合W3C標準的屬性，而innerText只適用于IE瀏覽器，因此，盡可能地去使用innerHTML，而少用innerText，如果要輸出不含HTML標簽的內容，可以使用innerHTML取得包含HTML標簽的內容后，再用正則表達式去除HTML標簽

代碼：document.getElementById('test').innerHTML.replace(/<.>/gim,'')

總結

以上是生活随笔為你收集整理的html中的js作用,javascript中的innerHTML属性有什么作用的全部內容，希望文章能夠幫你解決所遇到的問題。

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