摘要:好的,這些是眾所周知的。和兩者最大區(qū)別就是是否會(huì)改變調(diào)用它們的節(jié)點(diǎn)自身,類似上面與的其二中所描述。并未寫(xiě)入規(guī)范,不建議使用,而且會(huì)導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。兩者可能因?yàn)闉g覽器不同,輸出的文本格式略有差別
innerHTML和outerHTML
先說(shuō)一個(gè)幾乎眾所周知的,innerHTML和outerHTML中的內(nèi)容都會(huì)被解析為DOM子樹(shù),其二就是,
執(zhí)行效果等于:
txt
而outerHTML的執(zhí)行,
執(zhí)行效果等于:
txt
就是原本的div消失了,調(diào)用outer HTML的整個(gè)節(jié)點(diǎn)全部被替換了。但是該div還存在,并沒(méi)有被刪除,可以通過(guò)console.log(txt)看到它。
好的,這些是眾所周知的。
在使用innerHTML或者outerHTML過(guò)程中,會(huì)有一個(gè)小細(xì)節(jié),有關(guān)script的,但并不是script在ie8-的那個(gè)無(wú)作用域的問(wèn)題(這個(gè)也是眾所周知的)。
";
這樣的代碼,在瀏覽器運(yùn)行會(huì)出錯(cuò),出錯(cuò)處在第四行,修改第四行為如下,就不會(huì)報(bào)錯(cuò):
txt.innerHTML = "";
需要你加一個(gè)轉(zhuǎn)義符號(hào),反觀第三行結(jié)尾不需要轉(zhuǎn)義符也不會(huì)出錯(cuò)。
原因是瀏覽器解析時(shí)遇到就會(huì)認(rèn)為是結(jié)束標(biāo)簽就會(huì)和第一行的,記得轉(zhuǎn)義符。
兩者最大區(qū)別就是是否會(huì)改變調(diào)用它們的節(jié)點(diǎn)自身,類似上面innerHTML與outerHTML的其二中所描述。
outerText并未寫(xiě)入規(guī)范,不建議使用,而且會(huì)導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。
innerText與textContent區(qū)別總結(jié):
①