Après avoir suivi, vous pouvez suivre ses informations dynamiques en temps opportun
Cours dans la section correspondante:Javascript obtient les n?uds enfants
children只返回HTML節(jié)點,甚至不返回文本節(jié)點,雖然不是標準的DOM屬性,但是得到了幾乎所有瀏覽器的支持 語法:nodeObject.children
2016-12-050個贊
Cours dans la section correspondante:JavaScript annule l'action par défaut du navigateur
<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個贊
Cours dans la section correspondante:Source d'événement JavaScript
<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個贊
Cours dans la section correspondante:JavaScript obtient les coordonnées de la souris
<script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve = e || window.event; var x = eve.clientX, // 相對于客戶端的X坐標 y = eve.clientY, // 相對于客戶端的Y坐標 x1 = eve.screenX, // 相對于計算機屏幕的X坐標 y1 = eve.screenY; // 相對于計算機屏幕的Y坐標 alert( "相對客戶端的坐標:\n"+ "x = "+x+"\n"+ "y = "+y+"\n\n"+ "相對屏幕的坐標:\n"+ "x = "+x1+"\n"+ "y = "+y1 ); } </script>
2016-12-050個贊
Cours dans la section correspondante:Objet événement JavaScript?: événement en cours
<div id="demo">在這里單擊</div> <script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve=e; var x=eve.x; // X坐標 var y=eve.y; // Y坐標 alert("X坐標:"+x+"\nY坐標:"+y); } </script><div id="demo">在這里單擊</div> <script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve=e; var x=eve.x; // X坐標 var y=eve.y; // Y坐標 alert("X坐標:"+x+"\nY坐標:"+y); } </script>
2016-12-050個贊
Cours dans la section correspondante:Comment lier des événements en JavaScript [3 fa?ons]
<input onclick="myAlert()" type="button" value="點擊我,彈出警告框" /> <script type="text/javascript"> function myAlert(){ alert("謝謝支持"); } </script>
2016-12-050個贊
Cours dans la section correspondante:Le concept d'événements JavaScript
所謂事件,是指 JavaScript 捕獲到用戶的操作,并做出正確的響應 JavaScript 事件一般與DOM元素綁定
2016-12-050個贊
Cours dans la section correspondante:événements courants JavaScript
事件 onclick 單擊 ondblclick 雙擊 onfocus 元素獲得焦點 onblur 元素失去焦點 onmouseover 鼠標移到某元素之上 onmouseout 鼠標從某元素移開 onmousedown 鼠標按鈕被按下 onmouseup 鼠標按鍵被松開 onkeydown 某個鍵盤按鍵被按下 onkeyup 某個鍵盤按鍵被松開 onkeypress 某個鍵盤按鍵被按下并松開
2016-12-050個贊
Cours dans la section correspondante:Javascript obtient les n?uds frères
與 previousSibling 相同,在IE下,nextSibling 同樣會忽略節(jié)點間的空白節(jié)點(空格、回車和Tab鍵);在遵循W3C規(guī)范的瀏覽器(Chrome、FireFox、Safari等)下則不會
2016-12-050個贊
Cours dans la section correspondante:Javascript crée un n?ud
createElement()用來創(chuàng)建一個元素節(jié)點 語法:document.createElement(tagName) createTextNode()用來創(chuàng)建一個文本節(jié)點 語法:document.createTextNode(text) createComment()用來創(chuàng)建一個注釋節(jié)點 語法:document.createComment(comment)
2016-12-050個贊
Cours dans la section correspondante:Javascript ajouter un n?ud
insertBefore() 是當前節(jié)點的父節(jié)點的一個方法,添加節(jié)點時,不但要知道當前節(jié)點,還要知道當前節(jié)點的父節(jié)點。一般情況下,可以通過 thisNode.parentNode 來獲取父節(jié)點
2016-12-050個贊
Cours dans la section correspondante:Javascript RemoveChild()?: supprimer le n?ud
<script type="text/javascript"> document.getElementById("thisNode").onclick=function(){ this.parentNode.removeChild(this); } </script>
2016-12-050個贊
Cours dans la section correspondante:JavaScript cloneNode()?: n?ud de clonage
克隆節(jié)點 cloneNode() 語法: nodeObject.cloneNode(boolean)
2016-12-050個贊
Cours dans la section correspondante:JavaScript obtient les styles CSS
獲取CSS樣式 語法: nodeObject.style.cssProperty nodeObject 為節(jié)點對象,cssProperty 為CSS屬性
2016-12-050個贊
Cours dans la section correspondante:JavaScript définit et modifie les styles CSS
設(shè)置和修改CSS樣式 語法: nodeObject.style.cssProperty=newStyle nodeObject 為節(jié)點對象,cssProperty 為CSS屬性,newStyle 為CSS屬性的值
2016-12-050個贊