javascript
html中的js作用,javascript中的innerHTML属性有什么作用
innerHTML在javaScript中具有雙向功能,一是可以從指定的元素對(duì)象中獲取內(nèi)容,二是可以把自定義內(nèi)容插入到指定的元素對(duì)象中去。
定義和用法
innerHTML屬性用于設(shè)置或返回指定標(biāo)簽之間的HTML內(nèi)容Object.innerHTML?=?"HTML";//?設(shè)置
var?html?=?Object.innerHTML;//?獲取
例1:
獲取ID為mochu的P標(biāo)簽元素中的內(nèi)容
function?getinnerHTML(){
alert(document.getElementById("mochu").innerHTML);
}
這是獲取到的內(nèi)容!
例2:
向ID為mochu的P標(biāo)簽元素中插入內(nèi)容
function?setInnerHTML(){
document.getElementById("mochu").innerHTML?=?"這里是替換的內(nèi)容包括標(biāo)簽";
}
這里是被替換掉的內(nèi)容
擴(kuò)展筆記:
簡(jiǎn)單的說innerHTML和outerHTML、innerText與outerText的不同之處在于:
1、innerHTML與outerHTML在設(shè)置對(duì)象的內(nèi)容時(shí)包含的HTML會(huì)被解析,而innerText與outerText則不會(huì)。
2、在設(shè)置時(shí),innerHTML與innerText僅設(shè)置標(biāo)簽內(nèi)的文本,而outerHTML與outerText設(shè)置包括標(biāo)簽在內(nèi)的文本。
3、innerHTML是符合W3C標(biāo)準(zhǔn)的屬性,而innerText只適用于IE瀏覽器,因此,盡可能地去使用innerHTML,而少用innerText,如果要輸出不含HTML標(biāo)簽的內(nèi)容,可以使用innerHTML取得包含HTML標(biāo)簽的內(nèi)容后,再用正則表達(dá)式去除HTML標(biāo)簽
代碼:document.getElementById('test').innerHTML.replace(/<.>/gim,'')
總結(jié)
以上是生活随笔為你收集整理的html中的js作用,javascript中的innerHTML属性有什么作用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html5 video js控制摄像头的
- 下一篇: springboot 替换tomcat_