亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

DOM探索之基礎詳解篇

難度初級
時長 2小時11分
學習人數
綜合評分9.60
274人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.6 邏輯清晰
引入js文件看不明白,但這個html的例子讓我立刻明白除了onlaod還有一種更厲害的,頁面加載結束后要執行交互的DomReady.
“對于元素節點,nodeName中保存的始終是元素的標簽名,nodeValue的值始終為null;”
同理:

對于屬性節點,nodeName中保存的始終是屬性的名稱,nodeValue的值始終為屬性的值;
對于文本節點,nodeName中保存的始終是#text,nodeValue的值始終為文本內容;
對于注釋節點,nodeName中保存的始終是#comment,nodeValue的值始終為注釋的內容;
對于文檔類型節點,nodeName中保存的始終是doctype的名稱,nodeValue的值始終為null;
1,2,3這些數值常量是用來干什么的?
通常情況下我們可以比較字符常量來確定節點的類型。但為了確保瀏覽器兼容(尤其是IE),最好將nodeType屬性與數字值進行比較。
有人注意到3300+嘛 而且全英文注釋 真大牛
有一個大坑:

<body>

<p>文檔對象模型</p>

</body>

這種寫法實際上p元素是body的第二個子節點, 因為瀏覽器默認識別為:

<body><--我是看不到的文本節點, body的第一個子節點-->

<p>文檔對象模型</p>

</body><--我是看不到的文本節點, body的第三個子節點-->
下面這種寫法p元素才真正是body的第一個子節點
<body><p>p元素的標簽跟body標簽在同一行, 沒有斷行</p></body>
ul li同理
參考: https://segmentfault.com/q/1010000005350433
有一個大坑:
<body>
<p>文檔對象模型</p>
</body>
這種寫法實際上p元素是body的第二個子節點, 因為瀏覽器默認識別為:
<body><--我是看不到的文本節點, body的第一個子節點-->
<p>文檔對象模型</p>
</body><--我是看不到的文本節點, body的第二個子節點-->

下面這種寫法p元素才真正是body的第一個子節點
<body><p>p元素的標簽跟body標簽在同一行, 沒有斷行</p></body>
ul li同理
參考: https://segmentfault.com/q/1010000005350433
很清晰 謝謝老師 思路最重要
漲姿勢了 ,老師講的很詳細!
老師講的很好 學些DOM的都應該看看
第三次看了 加油
老師真幽默
成不了大牛,打盤游戲ixan

已采納回答 / 慕用1475049
//綁定事件???????for(var?i?=?0,len?=?imgs.length;?i?< len;?i++){????????//為了獲得不同的I值,使用立即調用表達式????????(?function(i){????????????imgs[i].onmouseover?=?function(){????????????????//先將所有的門復位????????????????setImgsPos();?????????????????//打開門????????????????for...

最新回答 / 小宇學習
script標簽 對嗎 或者是js寫的本身有問題?自己打開開發者工具欄 查看啊
拉到評論最后一條 再往下有資料下載?。?!贊我讓大家看到!
課程須知
本課程是前端中級課程 1、您要具備HTML基礎知識 2、您要具備CSS基礎知識 3、您要具備JS基礎知識
老師告訴你能學到什么?
1、重新認識DOM 2、剖析domReady 3、學會元素節點的類型判斷、繼承層次和分類

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消