引入js文件看不明白,但這個html的例子讓我立刻明白除了onlaod還有一種更厲害的,頁面加載結束后要執行交互的DomReady.
2016-12-11
“對于元素節點,nodeName中保存的始終是元素的標簽名,nodeValue的值始終為null;”
同理:
對于屬性節點,nodeName中保存的始終是屬性的名稱,nodeValue的值始終為屬性的值;
對于文本節點,nodeName中保存的始終是#text,nodeValue的值始終為文本內容;
對于注釋節點,nodeName中保存的始終是#comment,nodeValue的值始終為注釋的內容;
對于文檔類型節點,nodeName中保存的始終是doctype的名稱,nodeValue的值始終為null;
同理:
對于屬性節點,nodeName中保存的始終是屬性的名稱,nodeValue的值始終為屬性的值;
對于文本節點,nodeName中保存的始終是#text,nodeValue的值始終為文本內容;
對于注釋節點,nodeName中保存的始終是#comment,nodeValue的值始終為注釋的內容;
對于文檔類型節點,nodeName中保存的始終是doctype的名稱,nodeValue的值始終為null;
2016-12-11
1,2,3這些數值常量是用來干什么的?
通常情況下我們可以比較字符常量來確定節點的類型。但為了確保瀏覽器兼容(尤其是IE),最好將nodeType屬性與數字值進行比較。
通常情況下我們可以比較字符常量來確定節點的類型。但為了確保瀏覽器兼容(尤其是IE),最好將nodeType屬性與數字值進行比較。
2016-12-11
有一個大坑:
<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
有一個大坑:
<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
已采納回答 / 慕用1475049
//綁定事件???????for(var?i?=?0,len?=?imgs.length;?i?< len;?i++){????????//為了獲得不同的I值,使用立即調用表達式????????(?function(i){????????????imgs[i].onmouseover?=?function(){????????????????//先將所有的門復位????????????????setImgsPos();?????????????????//打開門????????????????for...
2016-12-06