javascript
javascript DOM基础（一）
本文將DOM和javascript的一些常用法介紹給大家！
1、innerText、innerHTML、outerText、outerHTML區(qū)別
功能：
innerHTML 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的 HTML .
outerHTML 設(shè)置或獲取對(duì)象及其內(nèi)容的 HTML 形式 .
innerText 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的文本 .
outerText 設(shè)置(包括標(biāo)簽)或獲取(不包括標(biāo)簽)對(duì)象的文本 .
示例：
以標(biāo)簽<div id="test"><b>hello world!</b></div>為例進(jìn)行說明：
innerText顯示的內(nèi)容為：hello world!
innerHTML顯示的內(nèi)容為：<b>hello world!</b>
? outerText顯示的內(nèi)容為：hello word!
outerHTML顯示的內(nèi)容為：<div id="test"><b>hello world!</b></div>
說明
innerHTML是W3C標(biāo)準(zhǔn)支持各種瀏覽器,而innerText、outerText、outerHTML是IE特有的,在FF中可以用textContent替換innerText
2、document.readyState
功能
判斷頁面的下載狀態(tài)
示例
document.onreadystatechange = function()
??????? {
??????????
??????????????? if (document.readyState == "complete")
??????????????? {
????????????????????????//do sth;
??????????????? }
??????? }
???說明
該屬性僅IE中可以使用。
3、insertAdjacentHTML
功能
可以在指定的地方插入html內(nèi)容和文本內(nèi)容。
示例
<html>
??? <head>
??????? <script language="javascript">
??????????? function test(){
??????????? var obj = document.getElementById("test");
??????????????? obj.insertAdjacentHTML("afterEnd", "<br><input name=\"a\" >");
???????????? }
??????? </script>
??? </head>
??? <body>
??????? <input id="test" name="test" type="text" value="" οnclick="test()">
??? </body>
</html>
說明
FF中沒有該屬性。
?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/design-life/archive/2009/11/20/1606810.html
總結(jié)
以上是生活随笔為你收集整理的javascript DOM基础（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Why Most Popular Jav
- 下一篇： Oxite移植到ASP.NET MVC2