javascript
javascript DOM基础（一）
本文將DOM和javascript的一些常用法介紹給大家！
1、innerText、innerHTML、outerText、outerHTML區別
功能：
innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML .
outerHTML 設置或獲取對象及其內容的 HTML 形式 .
innerText 設置或獲取位于對象起始和結束標簽內的文本 .
outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本 .
示例：
以標簽<div id="test"><b>hello world!</b></div>為例進行說明：
innerText顯示的內容為：hello world!
innerHTML顯示的內容為：<b>hello world!</b>
? outerText顯示的內容為：hello word!
outerHTML顯示的內容為：<div id="test"><b>hello world!</b></div>
說明
innerHTML是W3C標準支持各種瀏覽器,而innerText、outerText、outerHTML是IE特有的,在FF中可以用textContent替換innerText
2、document.readyState
功能
判斷頁面的下載狀態
示例
document.onreadystatechange = function()
??????? {
??????????
??????????????? if (document.readyState == "complete")
??????????????? {
????????????????????????//do sth;
??????????????? }
??????? }
???說明
該屬性僅IE中可以使用。
3、insertAdjacentHTML
功能
可以在指定的地方插入html內容和文本內容。
示例
<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中沒有該屬性。
?
?
?
轉載于:https://www.cnblogs.com/design-life/archive/2009/11/20/1606810.html
總結
以上是生活随笔為你收集整理的javascript DOM基础（一）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Why Most Popular Jav
- 下一篇： [转]JS中判断鼠标按键判断