?? ??? ??：Javascript? ?? ??? ?????.
children只返回HTML節(jié)點，甚至不返回文本節(jié)點，雖然不是標(biāo)準(zhǔn)的DOM屬性，但是得到了幾乎所有瀏覽器的支持 語法：nodeObject.children
2016-12-050個贊
?? ??? ??：JavaScript? ???? ?? ??? ?????.
<script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve = e || window.event; try{ // 使用 try...catch 語句避免瀏覽器出現(xiàn)錯誤提示 eve.preventDefault(); // 非 IE 瀏覽器 }catch(e){ eve.returnValue = false; // IE8.0 及其以下版本 } } </script>
2016-12-050個贊
<script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve = e || window.event; var srcNode = eve.target || eve.srcElement; // 兼容所有瀏覽器 alert(srcNode); } </script>
2016-12-050個贊
?? ??? ??：JavaScript? ??? ??? ????
<script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve = e || window.event; var x = eve.clientX, // 相對于客戶端的X坐標(biāo) y = eve.clientY, // 相對于客戶端的Y坐標(biāo) x1 = eve.screenX, // 相對于計算機屏幕的X坐標(biāo) y1 = eve.screenY; // 相對于計算機屏幕的Y坐標(biāo) alert( "相對客戶端的坐標(biāo)：\n"+ "x = "+x+"\n"+ "y = "+y+"\n\n"+ "相對屏幕的坐標(biāo)：\n"+ "x = "+x1+"\n"+ "y = "+y1 ); } </script>
2016-12-050個贊
?? ??? ??：JavaScript ??? ??: ?? ???
<div id="demo">在這里單擊</div> <script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve=e; var x=eve.x; // X坐標(biāo) var y=eve.y; // Y坐標(biāo) alert("X坐標(biāo)："+x+"\nY坐標(biāo)："+y); } </script><div id="demo">在這里單擊</div> <script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve=e; var x=eve.x; // X坐標(biāo) var y=eve.y; // Y坐標(biāo) alert("X坐標(biāo)："+x+"\nY坐標(biāo)："+y); } </script>
2016-12-050個贊
?? ??? ??：JavaScript? ???? ????? ?? [3?? ??]
<input onclick="myAlert()" type="button" value="點擊我，彈出警告框" /> <script type="text/javascript"> function myAlert(){ alert("謝謝支持"); } </script>
2016-12-050個贊
所謂事件，是指 JavaScript 捕獲到用戶的操作，并做出正確的響應(yīng) JavaScript 事件一般與DOM元素綁定
2016-12-050個贊
事件 onclick 單擊 ondblclick 雙擊 onfocus 元素獲得焦點 onblur 元素失去焦點 onmouseover 鼠標(biāo)移到某元素之上 onmouseout 鼠標(biāo)從某元素移開 onmousedown 鼠標(biāo)按鈕被按下 onmouseup 鼠標(biāo)按鍵被松開 onkeydown 某個鍵盤按鍵被按下 onkeyup 某個鍵盤按鍵被松開 onkeypress 某個鍵盤按鍵被按下并松開
2016-12-050個贊
?? ??? ??：Javascript? ?? ??? ????.
與 previousSibling 相同，在IE下，nextSibling 同樣會忽略節(jié)點間的空白節(jié)點（空格、回車和Tab鍵）；在遵循W3C規(guī)范的瀏覽器（Chrome、FireFox、Safari等）下則不會
2016-12-050個贊
createElement()用來創(chuàng)建一個元素節(jié)點 語法：document.createElement(tagName) createTextNode()用來創(chuàng)建一個文本節(jié)點 語法：document.createTextNode(text) createComment()用來創(chuàng)建一個注釋節(jié)點 語法：document.createComment(comment)
2016-12-050個贊
insertBefore() 是當(dāng)前節(jié)點的父節(jié)點的一個方法，添加節(jié)點時，不但要知道當(dāng)前節(jié)點，還要知道當(dāng)前節(jié)點的父節(jié)點。一般情況下，可以通過 thisNode.parentNode 來獲取父節(jié)點
2016-12-050個贊
?? ??? ??：?????? RemoveChild(): ?? ??
<script type="text/javascript"> document.getElementById("thisNode").onclick=function(){ this.parentNode.removeChild(this); } </script>
2016-12-050個贊
?? ??? ??：JavaScript cloneNode(): ?? ??
克隆節(jié)點 cloneNode() 語法： nodeObject.cloneNode(boolean)
2016-12-050個贊
?? ??? ??：JavaScript? CSS ???? ????.
獲取CSS樣式 語法： nodeObject.style.cssProperty nodeObject 為節(jié)點對象，cssProperty 為CSS屬性
2016-12-050個贊
?? ??? ??：JavaScript? CSS ???? ???? ?????.
設(shè)置和修改CSS樣式 語法： nodeObject.style.cssProperty=newStyle nodeObject 為節(jié)點對象，cssProperty 為CSS屬性，newStyle 為CSS屬性的值
2016-12-050個贊
