锘??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲精品第一综合99久久,亚洲色图校园春色,亚洲成AV人片在WWW色猫咪http://www.tkk7.com/qileilove/category/54260.html涓嶆兂鍋氬睂涓濈殑鐮佸啘錛屼笉鏄ソ欏圭洰緇忕悊錛佸睂涓濈敓娑粠姝ゅ紑濮嬶紒zh-cnFri, 28 Mar 2014 09:14:02 GMTFri, 28 Mar 2014 09:14:02 GMT60HTML DOM 鎬葷粨http://www.tkk7.com/qileilove/articles/411635.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 08:24:00 GMThttp://www.tkk7.com/qileilove/articles/411635.htmlhttp://www.tkk7.com/qileilove/comments/411635.htmlhttp://www.tkk7.com/qileilove/articles/411635.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411635.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411635.htmlw3school 鍦ㄧ嚎鏁欑▼


欏哄叾鑷劧EVO 2014-03-28 16:24 鍙戣〃璇勮
]]>HTML DOM - 瀵艱埅http://www.tkk7.com/qileilove/articles/411634.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 08:20:00 GMThttp://www.tkk7.com/qileilove/articles/411634.htmlhttp://www.tkk7.com/qileilove/comments/411634.htmlhttp://www.tkk7.com/qileilove/articles/411634.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411634.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411634.html

閫氳繃 HTML DOM錛屾偍鑳藉浣跨敤鑺傜偣鍏崇郴鍦ㄨ妭鐐規爲涓鑸?/p>

HTML DOM 鑺傜偣鍒楄〃

getElementsByTagName() 鏂規硶榪斿洖鑺傜偣鍒楄〃銆傝妭鐐瑰垪琛ㄦ槸涓涓妭鐐規暟緇勩?/p>

涓嬮潰鐨勪唬鐮侀夊彇鏂囨。涓殑鎵鏈?<p> 鑺傜偣錛?/p>

瀹炰緥

var x=document.getElementsByTagName("p");

鍙互閫氳繃涓嬫爣鍙瘋闂繖浜涜妭鐐廣傚闇璁塊棶絎簩涓?<p>錛屾偍鍙互榪欎箞鍐欙細

y=x[1];

浜茶嚜璇曚竴璇?/a>

娉ㄩ噴錛?/span>涓嬫爣鍙蜂粠 0 寮濮嬨?/p>

HTML DOM 鑺傜偣鍒楄〃闀垮害

length 灞炴у畾涔夎妭鐐瑰垪琛ㄤ腑鑺傜偣鐨勬暟閲忋?/p>

鎮ㄥ彲浠ヤ嬌鐢?length 灞炴ф潵寰幆鑺傜偣鍒楄〃錛?/p>

瀹炰緥

x=document.getElementsByTagName("p");  for (i=0;i<x.length;i++) { document.write(x[i].innerHTML); document.write("<br />"); }

浜茶嚜璇曚竴璇?/a>

渚嬪瓙瑙ｉ噴錛?/h3>
  • 鑾峰彇鎵鏈?<p> 鍏冪礌鑺傜偣
  • 杈撳嚭姣忎釜 <p> 鍏冪礌鐨勬枃鏈妭鐐圭殑鍊?/li>

瀵艱埅鑺傜偣鍏崇郴

鎮ㄨ兘澶熶嬌鐢ㄤ笁涓妭鐐瑰睘鎬э細parentNode銆乫irstChild 浠ュ強 lastChild 錛屽湪鏂囨。緇撴瀯涓繘琛屽鑸?/p>

璇風湅涓嬮潰鐨?HTML 鐗囨錛?/p>

<html> <body>  <p>Hello World!</p> <div>   <p>DOM 寰堟湁鐢?</p>   <p>鏈緥婕旂ず鑺傜偣鍏崇郴銆?lt;/p> </div>  </body> </html>

firstChild 灞炴у彲鐢ㄤ簬璁塊棶鍏冪礌鐨勬枃鏈細

瀹炰緥

<html> <body>  <p id="intro">Hello World!</p>  <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script>  </body> </html>

浜茶嚜璇曚竴璇?/a>

DOM 鏍硅妭鐐?/h2>

榪欓噷鏈変袱涓壒孌婄殑灞炴э紝鍙互璁塊棶鍏ㄩ儴鏂囨。錛?/p>

  • document.documentElement - 鍏ㄩ儴鏂囨。
  • document.body - 鏂囨。鐨勪富浣?/li>

瀹炰緥

<html> <body>  <p>Hello World!</p> <div> <p>DOM 寰堟湁鐢?</p> <p>鏈緥婕旂ず <b>document.body</b> 灞炴с?lt;/p> </div>  <script> alert(document.body.innerHTML); </script>  </body> </html>

浜茶嚜璇曚竴璇?/a>

childNodes 鍜?nodeValue

闄や簡 innerHTML 灞炴э紝鎮ㄤ篃鍙互浣跨敤 childNodes 鍜?nodeValue 灞炴ф潵鑾峰彇鍏冪礌鐨勫唴瀹廣?/p>

涓嬮潰鐨勪唬鐮佽幏鍙?id="intro" 鐨?<p> 鍏冪礌鐨勫鹼細

瀹炰緥

<html> <body>  <p id="intro">Hello World!</p>  <script> var txt=document.getElementById("intro").childNodes[0].nodeValue; document.write(txt); </script>  </body> </html>

浜茶嚜璇曚竴璇?/a>

鍦ㄤ笂闈㈢殑渚嬪瓙涓紝getElementById 鏄竴涓柟娉曪紝鑰?childNodes 鍜?nodeValue 鏄睘鎬с?/p>

鍦ㄦ湰鏁欑▼涓紝鎴戜滑灝嗕嬌鐢?innerHTML 灞炴с備笉榪囷紝瀛︿範涓婇潰鐨勬柟娉曟湁鍔╀簬瀵?DOM 鏍戠粨鏋勫拰瀵艱埅鐨勭悊瑙ｃ?/p>



欏哄叾鑷劧EVO 2014-03-28 16:20 鍙戣〃璇勮
]]>HTML DOM - 浜嬩歡http://www.tkk7.com/qileilove/articles/411633.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 08:19:00 GMThttp://www.tkk7.com/qileilove/articles/411633.htmlhttp://www.tkk7.com/qileilove/comments/411633.htmlhttp://www.tkk7.com/qileilove/articles/411633.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411633.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411633.html

HTML DOM 鍏佽 JavaScript 瀵?HTML 浜嬩歡浣滃嚭鍙嶅簲銆傘?/p>

瀹炰緥

Mouse Over Me
Click Me

瀵逛簨浠朵綔鍑哄弽搴?/h2>

褰撲簨浠跺彂鐢熸椂錛屽彲浠ユ墽琛?JavaScript錛屾瘮濡傚綋鐢ㄦ埛鐐瑰嚮涓涓?HTML 鍏冪礌鏃躲?/p>

濡傞渶鍦ㄧ敤鎴風偣鍑繪煇涓厓绱犳椂鎵ц浠ｇ爜錛岃鎶?JavaScript 浠ｇ爜娣誨姞鍒?HTML 浜嬩歡灞炴т腑錛?/p>

onclick=JavaScript

HTML 浜嬩歡鐨勪緥瀛愶細

  • 褰撶敤鎴風偣鍑婚紶鏍囨椂
  • 褰撶綉欏靛凡鍔犺澆鏃?/li>
  • 褰撳浘鐗囧凡鍔犺澆鏃?/li>
  • 褰撻紶鏍囩Щ鍔ㄥ埌鍏冪礌涓婃椂
  • 褰撹緭鍏ュ瓧孌佃鏀瑰彉鏃?/li>
  • 褰?HTML 琛ㄥ崟琚彁浜ゆ椂
  • 褰撶敤鎴瘋Е鍙戞寜閿椂

鍦ㄦ湰渚嬩腑錛屽綋鐢ㄦ埛鐐瑰嚮鏃訛紝浼氭敼鍙?<h1> 鍏冪礌鐨勫唴瀹癸細

瀹炰緥

<!DOCTYPE html> <html> <body> <h1 onclick="this.innerHTML='hello!'">璇風偣鍑昏繖孌墊枃鏈?</h1> </body> </html>

浜茶嚜璇曚竴璇?/a>

鍦ㄦ湰渚嬩腑錛屼細浠庝簨浠跺鐞嗙▼搴忎腑璋冪敤鍑芥暟錛?/p>

瀹炰緥

<!DOCTYPE html> <html> <head> <script> function changetext(id) { id.innerHTML="hello!"; } </script> </head> <body> <h1 onclick="changetext(this)">璇風偣鍑昏繖孌墊枃鏈?</h1> </body> </html>

浜茶嚜璇曚竴璇?/a>

HTML 浜嬩歡灞炴?/h2>

濡傞渶鍚?HTML 鍏冪礌鍒嗛厤浜嬩歡錛屾偍鍙互浣跨敤浜嬩歡灞炴с?/p>

瀹炰緥

鍚?button 鍏冪礌鍒嗛厤涓涓?onclick 浜嬩歡錛?/p>

<button onclick="displayDate()">璇曚竴璇?lt;/button>

浜茶嚜璇曚竴璇?/a>

鍦ㄤ笂闈㈢殑渚嬪瓙涓紝褰撶偣鍑繪寜閽椂錛屼細鎵ц鍚嶄負 displayDate 鐨勫嚱鏁般?/p>

浣跨敤 HTML DOM 鏉ュ垎閰嶄簨浠?/h2>

HTML DOM 鍏佽鎮ㄤ嬌鐢?JavaScript 鍚?HTML 鍏冪礌鍒嗛厤浜嬩歡錛?/p>

瀹炰緥

涓?button 鍏冪礌鍒嗛厤 onclick 浜嬩歡錛?/p>

<script> document.getElementById("myBtn").onclick=function(){displayDate()}; </script>

浜茶嚜璇曚竴璇?/a>

鍦ㄤ笂闈㈢殑渚嬪瓙涓紝鍚嶄負 displayDate 鐨勫嚱鏁拌鍒嗛厤緇欎簡 id=myButn" 鐨?HTML 鍏冪礌銆?/p>

褰撴寜閽鐐瑰嚮鏃訛紝灝嗘墽琛屽嚱鏁般?/p>

onload 鍜?onunload 浜嬩歡

褰撶敤鎴瘋繘鍏ユ垨紱誨紑欏甸潰鏃訛紝浼氳Е鍙?onload 鍜?onunload 浜嬩歡銆?/p>

onload 浜嬩歡鍙敤浜庢鏌ヨ瀹㈢殑嫻忚鍣ㄧ被鍨嬪拰鐗堟湰錛屼互渚垮熀浜庤繖浜涗俊鎭潵鍔犺澆涓嶅悓鐗堟湰鐨勭綉欏點?/p>

onload 鍜?onunload 浜嬩歡鍙敤浜庡鐞?cookies銆?/p>

瀹炰緥

<body onload="checkCookies()">

浜茶嚜璇曚竴璇?/a>

onchange 浜嬩歡

onchange 浜嬩歡甯哥敤浜庤緭鍏ュ瓧孌電殑楠岃瘉銆?/p>

涓嬮潰鐨勪緥瀛愬睍紺轟簡濡備綍浣跨敤 onchange銆傚綋鐢ㄦ埛鏀瑰彉杈撳叆瀛楁鐨勫唴瀹規椂錛屽皢璋冪敤 upperCase() 鍑芥暟銆?/p>

瀹炰緥

<input type="text" id="fname" onchange="upperCase()">

浜茶嚜璇曚竴璇?/a>

onmouseover 鍜?onmouseout 浜嬩歡

onmouseover 鍜?onmouseout 浜嬩歡鍙敤浜庡湪榧犳爣鎸囬拡縐誨姩鍒版垨紱誨紑鍏冪礌鏃惰Е鍙戝嚱鏁般?/p>

瀹炰緥

涓涓畝鍗曠殑 onmouseover-onmouseout 渚嬪瓙錛?/p>

浜茶嚜璇曚竴璇?/a>

onmousedown銆乷nmouseup 浠ュ強 onclick 浜嬩歡

onmousedown銆乷nmouseup 浠ュ強 onclick 浜嬩歡鏄紶鏍囩偣鍑葷殑鍏ㄩ儴榪囩▼銆傞鍏堝綋鏌愪釜榧犳爣鎸夐挳琚偣鍑繪椂錛岃Е鍙?onmousedown 浜嬩歡錛岀劧鍚庯紝褰撻紶鏍囨寜閽鏉懼紑鏃訛紝浼氳Е鍙?onmouseup 浜嬩歡錛屾渶鍚庯紝褰撻紶鏍囩偣鍑誨畬鎴愭椂錛岃Е鍙?onclick 浜嬩歡銆?/p>

瀹炰緥

涓涓畝鍗曠殑 onmousedown-onmouseup 瀹炰緥錛?/p>

浜茶嚜璇曚竴璇?/a>

HTML DOM 浜嬩歡瀵硅薄鍙傝冩墜鍐?/h2>

濡傞渶姣忎釜浜嬩歡鐨勫畬鏁存弿榪板拰渚嬪瓙錛岃璁塊棶鎴戜滑鐨?nbsp;HTML DOM 鍙傝冩墜鍐?/a>銆?/p>



欏哄叾鑷劧EVO 2014-03-28 16:19 鍙戣〃璇勮
]]>HTML DOM - 鍏冪礌http://www.tkk7.com/qileilove/articles/411631.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 08:04:00 GMThttp://www.tkk7.com/qileilove/articles/411631.htmlhttp://www.tkk7.com/qileilove/comments/411631.htmlhttp://www.tkk7.com/qileilove/articles/411631.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411631.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411631.html

娣誨姞銆佸垹闄ゅ拰鏇挎崲 HTML 鍏冪礌銆?/p>

鍒涘緩鏂扮殑 HTML 鍏冪礌 - appendChild()

濡傞渶鍚?HTML DOM 娣誨姞鏂板厓绱狅紝鎮ㄩ鍏堝繀欏誨垱寤鴻鍏冪礌錛岀劧鍚庢妸瀹冭拷鍔犲埌宸叉湁鐨勫厓绱犱笂銆?/p>

瀹炰緥

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>  <script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);  var element=document.getElementById("div1"); element.appendChild(para); </script>

浜茶嚜璇曚竴璇?/a>

渚嬪瓙瑙ｉ噴

榪欐浠ｇ爜鍒涘緩浜嗕竴涓柊鐨?<p> 鍏冪礌錛?/p>

var para=document.createElement("p");

濡傞渶鍚?<p> 鍏冪礌娣誨姞鏂囨湰錛屾偍棣栧厛蹇呴』鍒涘緩鏂囨湰鑺傜偣銆傝繖孌典唬鐮佸垱寤烘枃鏈妭鐐癸細

var node=document.createTextNode("This is a new paragraph.");

鐒跺悗鎮ㄥ繀欏誨悜 <p> 鍏冪礌榪藉姞鏂囨湰鑺傜偣錛?/p>

para.appendChild(node);

鏈鍚庯紝鎮ㄥ繀欏誨悜宸叉湁鍏冪礌榪藉姞榪欎釜鏂板厓绱犮?/p>

榪欐浠ｇ爜鏌ユ壘鍒頒竴涓凡鏈夌殑鍏冪礌錛?/p>

var element=document.getElementById("div1");

榪欐浠ｇ爜鍚戣繖涓凡瀛樺湪鐨勫厓绱犺拷鍔犳柊鍏冪礌錛?/p>

element.appendChild(para);

鍒涘緩鏂扮殑 HTML 鍏冪礌 - insertBefore()

涓婁竴涓緥瀛愪腑鐨?appendChild() 鏂規硶錛屽皢鏂板厓绱犱綔涓虹埗鍏冪礌鐨勬渶鍚庝竴涓瓙鍏冪礌榪涜娣誨姞銆?/p>

濡傛灉涓嶅笇鏈涘姝わ紝鎮ㄥ彲浠ヤ嬌鐢?insertBefore() 鏂規硶錛?/p>

瀹炰緥

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>  <script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);  var element=document.getElementById("div1"); var child=document.getElementById("p1"); element.insertBefore(para,child); </script>

浜茶嚜璇曚竴璇?/a>

鍒犻櫎宸叉湁鐨?HTML 鍏冪礌

濡傞渶鍒犻櫎 HTML 鍏冪礌錛屾偍蹇呴』娓呮璇ュ厓绱犵殑鐖跺厓绱狅細

瀹炰緥

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div> <script> var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.removeChild(child); </script>

浜茶嚜璇曚竴璇?/a>

渚嬪瓙瑙ｉ噴

榪欎釜 HTML 鏂囨。鍖呭惈涓涓甫鏈変袱涓瓙鑺傜偣錛堜袱涓?<p> 鍏冪礌錛夌殑 <div> 鍏冪礌錛?/p>

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>

鏌ユ壘 id="div1" 鐨勫厓绱狅細

var parent=document.getElementById("div1");

鏌ユ壘 id="p1" 鐨?<p> 鍏冪礌錛?/p>

var child=document.getElementById("p1");

浠庣埗鍏冪礌涓垹闄ゅ瓙鍏冪礌錛?/p>

parent.removeChild(child);

鎻愮ず錛?/span>鑳藉惁鍦ㄤ笉寮曠敤鐖跺厓绱犵殑鎯呭喌涓嬪垹闄ゆ煇涓厓绱狅紵

寰堟姳姝夈侱OM 闇瑕佷簡瑙ｆ偍闇瑕佸垹闄ょ殑鍏冪礌錛屼互鍙婂畠鐨勭埗鍏冪礌銆?/p>

榪欓噷鎻愪緵涓涓父鐢ㄧ殑瑙ｅ喅鏂規硶錛氭壘鍒版偍闇瑕佸垹闄ょ殑瀛愬厓绱狅紝鐒跺悗浣跨敤 parentNode 灞炴ф潵鏌ユ壘鍏剁埗鍏冪礌錛?/p>

var child=document.getElementById("p1"); child.parentNode.removeChild(child);

鏇挎崲 HTML 鍏冪礌

濡傞渶鏇挎崲 HTML DOM 涓殑鍏冪礌錛岃浣跨敤 replaceChild() 鏂規硶錛?/p>

瀹炰緥

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>  <script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);  var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.replaceChild(para,child); </script>

浜茶嚜璇曚竴璇?/a>



欏哄叾鑷劧EVO 2014-03-28 16:04 鍙戣〃璇勮
]]>HTML DOM - 淇敼 HTML 鍐呭http://www.tkk7.com/qileilove/articles/411629.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 07:59:00 GMThttp://www.tkk7.com/qileilove/articles/411629.htmlhttp://www.tkk7.com/qileilove/comments/411629.htmlhttp://www.tkk7.com/qileilove/articles/411629.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411629.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411629.html

閫氳繃 HTML DOM錛孞avaScript 鑳藉璁塊棶 HTML 鏂囨。涓殑姣忎釜鍏冪礌銆?/p>

鏀瑰彉 HTML 鍐呭

鏀瑰彉鍏冪礌鍐呭鐨勬渶綆絳旂殑鏂規硶鏄嬌鐢?innerHTML 灞炴с?/p>

涓嬮潰鐨勪緥瀛愭洿鏀?<p> 鍏冪礌鐨?HTML 鍐呭錛?/p>

瀹炰緥

<html> <body>  <p id="p1">Hello World!</p>  <script> document.getElementById("p1").innerHTML="New text!"; </script>  </body> </html>

浜茶嚜璇曚竴璇?/a>

鏀瑰彉 HTML 鏍峰紡

閫氳繃 HTML DOM錛屾偍鑳藉璁塊棶 HTML 瀵硅薄鐨勬牱寮忓璞°?/p>

涓嬮潰鐨勪緥瀛愭洿鏀規钀界殑 HTML 鏍峰紡錛?/p>

瀹炰緥

<html>  <body> <p id="p2">Hello world!</p>  <script> document.getElementById("p2").style.color="blue"; </script>  </body> </html>

浜茶嚜璇曚竴璇?/a>

浣跨敤浜嬩歡

HTML DOM 鍏佽鎮ㄥ湪浜嬩歡鍙戠敓鏃舵墽琛屼唬鐮併?/p>

褰?HTML 鍏冪礌”鏈変簨鎯呭彂鐢?#8220;鏃訛紝嫻忚鍣ㄥ氨浼氱敓鎴愪簨浠訛細

浣犲彲浠ュ湪涓嬩竴绔犲涔犳洿澶氭湁鍏充簨浠剁殑鍐呭銆?/p>

涓嬮潰涓や釜渚嬪瓙鍦ㄦ寜閽鐐瑰嚮鏃舵敼鍙?<body> 鍏冪礌鐨勮儗鏅壊錛?/p>

瀹炰緥

<html> <body>  <input type="button" onclick="document.body.style.backgroundColor='lavender';" value="Change background color" />  </body> </html>

浜茶嚜璇曚竴璇?/a>

鍦ㄦ湰渚嬩腑錛岀敱鍑芥暟鎵ц鐩稿悓鐨勪唬鐮侊細

瀹炰緥

<html> <body>  <script> function ChangeBackground() { document.body.style.backgroundColor="lavender"; } </script>  <input type="button" onclick="ChangeBackground()" value="Change background color" />  </body> </html>

浜茶嚜璇曚竴璇?/a>

涓嬮潰鐨勪緥瀛愬湪鎸夐挳琚偣鍑繪椂鏀瑰彉 <p> 鍏冪礌鐨勬枃鏈細

瀹炰緥

<html> <body>  <p id="p1">Hello world!</p>  <script> function ChangeText() { document.getElementById("p1").innerHTML="New text!"; } </script>  <input type="button" onclick="ChangeText()" value="Change text">  </body> </html>

浜茶嚜璇曚竴璇?/a>



欏哄叾鑷劧EVO 2014-03-28 15:59 鍙戣〃璇勮
]]>HTML DOM 璁塊棶http://www.tkk7.com/qileilove/articles/411620.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 07:38:00 GMThttp://www.tkk7.com/qileilove/articles/411620.htmlhttp://www.tkk7.com/qileilove/comments/411620.htmlhttp://www.tkk7.com/qileilove/articles/411620.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411620.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411620.html

璁塊棶 HTML DOM - 鏌ユ壘 HTML 鍏冪礌銆?/p>

璁塊棶 HTML 鍏冪礌錛堣妭鐐癸級

璁塊棶 HTML 鍏冪礌絳夊悓浜庤闂妭鐐?/p>

鎮ㄨ兘澶熶互涓嶅悓鐨勬柟寮忔潵璁塊棶 HTML 鍏冪礌錛?/p>

  • 閫氳繃浣跨敤 getElementById() 鏂規硶
  • 閫氳繃浣跨敤 getElementsByTagName() 鏂規硶
  • 閫氳繃浣跨敤 getElementsByClassName() 鏂規硶

getElementById() 鏂規硶

getElementById() 鏂規硶榪斿洖甯︽湁鎸囧畾 ID 鐨勫厓绱狅細

璇硶

node.getElementById("id");

涓嬮潰鐨勪緥瀛愯幏鍙?id="intro" 鐨勫厓绱狅細

瀹炰緥

document.getElementById("intro");

浜茶嚜璇曚竴璇?/a>

getElementsByTagName() 鏂規硶

getElementsByTagName() 榪斿洖甯︽湁鎸囧畾鏍囩鍚嶇殑鎵鏈夊厓绱犮?/p>

璇硶

node.getElementsByTagName("tagname");

涓嬮潰鐨勪緥瀛愯繑鍥炲寘鍚枃妗ｄ腑鎵鏈?<p> 鍏冪礌鐨勫垪琛細

瀹炰緥 1

document.getElementsByTagName("p");

浜茶嚜璇曚竴璇?/a>

涓嬮潰鐨勪緥瀛愯繑鍥炲寘鍚枃妗ｄ腑鎵鏈?<p> 鍏冪礌鐨勫垪琛紝騫朵笖榪欎簺 <p> 鍏冪礌搴旇鏄?id="main" 鐨勫厓绱犵殑鍚庝唬錛堝瓙銆佸瓩絳夌瓑錛夛細

瀹炰緥 2

document.getElementById("main").getElementsByTagName("p");

浜茶嚜璇曚竴璇?/a>

getElementsByClassName() 鏂規硶

濡傛灉鎮ㄥ笇鏈涙煡鎵懼甫鏈夌浉鍚岀被鍚嶇殑鎵鏈?HTML 鍏冪礌錛岃浣跨敤榪欎釜鏂規硶錛?/p>

document.getElementsByClassName("intro");

涓婇潰鐨勪緥瀛愯繑鍥炲寘鍚?class="intro" 鐨勬墍鏈夊厓绱犵殑涓涓垪琛細

娉ㄩ噴錛?/span>getElementsByClassName() 鍦?Internet Explorer 5,6,7,8 涓棤鏁堛?/p>



欏哄叾鑷劧EVO 2014-03-28 15:38 鍙戣〃璇勮
]]>HTML DOM 灞炴?/title><link>http://www.tkk7.com/qileilove/articles/411619.html</link><dc:creator>欏哄叾鑷劧EVO</dc:creator><author>欏哄叾鑷劧EVO</author><pubDate>Fri, 28 Mar 2014 07:30:00 GMT</pubDate><guid>http://www.tkk7.com/qileilove/articles/411619.html</guid><wfw:comment>http://www.tkk7.com/qileilove/comments/411619.html</wfw:comment><comments>http://www.tkk7.com/qileilove/articles/411619.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.tkk7.com/qileilove/comments/commentRss/411619.html</wfw:commentRss><trackback:ping>http://www.tkk7.com/qileilove/services/trackbacks/411619.html</trackback:ping><description><![CDATA[<h1><div style="display: inline-block;"><div class="g0w00kw" id="intro" style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 0px; padding: 0px; border: 0px; line-height: 18px;">灞炴ф槸鑺傜偣錛圚TML 鍏冪礌錛夌殑鍊鹼紝鎮ㄨ兘澶熻幏鍙栨垨璁劇疆銆?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 寰蔣闆呴粦; font-size: 14px;">緙栫▼鎺ュ彛</h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">鍙氳繃 JavaScript 錛堜互鍙婂叾浠栫紪紼嬭璦錛夊 HTML DOM 榪涜璁塊棶銆?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">鎵鏈?HTML 鍏冪礌琚畾涔変負瀵硅薄錛岃岀紪紼嬫帴鍙ｅ垯鏄璞℃柟娉曞拰瀵硅薄灞炴с?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">鏂規硶鏄偍鑳藉鎵ц鐨勫姩浣滐紙姣斿娣誨姞鎴栦慨鏀瑰厓绱狅級銆?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">灞炴ф槸鎮ㄨ兘澶熻幏鍙栨垨璁劇疆鐨勫鹼紙姣斿鑺傜偣鐨勫悕縐版垨鍐呭錛夈?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 寰蔣闆呴粦; font-size: 14px;">innerHTML 灞炴?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">鑾峰彇鍏冪礌鍐呭鐨勬渶綆鍗曟柟娉曟槸浣跨敤 innerHTML 灞炴с?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">innerHTML 灞炴у浜庤幏鍙栨垨鏇挎崲 HTML 鍏冪礌鐨勫唴瀹瑰緢鏈夌敤銆?/p></div></div></h1><h3 style="margin: 20px 0px 0px; padding: 0px; border: 0px; font-size: 12px;">瀹炰緥</h3><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">涓嬮潰鐨勪唬鐮佽幏鍙?id="intro" 鐨?<p> 鍏冪礌鐨?innerHTML錛?/p></div></div></h1><h3 style="margin: 20px 0px 0px; padding: 0px; border: 0px; font-size: 12px;">瀹炰緥</h3><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><pre style="margin-top: 10px; margin-bottom: 0px; padding: 10px; border: 1px dotted #778855; font-family: 'Courier New', Courier, monospace; width: 685px; background-color: #f5f5f5;"><html> <body> <p id="intro">Hello World!</p> <script> var txt=document.getElementById("intro").innerHTML; document.write(txt); </script> </body> </html> </pre><p class="tiy" style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><a target="_blank" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">浜茶嚜璇曚竴璇?/a></p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">鍦ㄤ笂闈㈢殑渚嬪瓙涓紝getElementById 鏄竴涓柟娉曪紝鑰?innerHTML 鏄睘鎬с?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">innerHTML 灞炴у彲鐢ㄤ簬鑾峰彇鎴栨敼鍙樹換鎰?HTML 鍏冪礌錛屽寘鎷?<html> 鍜?<body>銆?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 寰蔣闆呴粦; font-size: 14px;">nodeName 灞炴?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">nodeName 灞炴ц瀹氳妭鐐圭殑鍚嶇О銆?/p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">nodeName 鏄彧璇葷殑</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">鍏冪礌鑺傜偣鐨?nodeName 涓庢爣絳懼悕鐩稿悓</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">灞炴ц妭鐐圭殑 nodeName 涓庡睘鎬у悕鐩稿悓</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">鏂囨湰鑺傜偣鐨?nodeName 濮嬬粓鏄?#text</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">鏂囨。鑺傜偣鐨?nodeName 濮嬬粓鏄?#document</li></ul><p class="note" style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">娉ㄩ噴錛?/span>nodeName 濮嬬粓鍖呭惈 HTML 鍏冪礌鐨勫ぇ鍐欏瓧姣嶆爣絳懼悕銆?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 寰蔣闆呴粦; font-size: 14px;">nodeValue 灞炴?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">nodeValue 灞炴ц瀹氳妭鐐圭殑鍊箋?/p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">鍏冪礌鑺傜偣鐨?nodeValue 鏄?undefined 鎴?null</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">鏂囨湰鑺傜偣鐨?nodeValue 鏄枃鏈湰韜?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">灞炴ц妭鐐圭殑 nodeValue 鏄睘鎬у?/li></ul></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 寰蔣闆呴粦; font-size: 14px;">鑾峰彇鍏冪礌鐨勫?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">涓嬮潰鐨勪緥瀛愪細鍙栧洖 <p id="intro"> 鏍囩鐨勬枃鏈妭鐐瑰鹼細</p></div></div></h1><h3 style="margin: 20px 0px 0px; padding: 0px; border: 0px; font-size: 12px;">瀹炰緥</h3><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><pre style="margin-top: 10px; margin-bottom: 0px; padding: 10px; border: 1px dotted #778855; font-family: 'Courier New', Courier, monospace; width: 685px; background-color: #f5f5f5;"><html> <body> <p id="intro">Hello World!</p> <script type="text/javascript"> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html> </pre><p class="tiy" style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><a target="_blank" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">浜茶嚜璇曚竴璇?/a></p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 寰蔣闆呴粦; font-size: 14px;">nodeType 灞炴?/h2><h1><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">nodeType 灞炴ц繑鍥炶妭鐐圭殑綾誨瀷銆俷odeType 鏄彧璇葷殑銆?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">姣旇緝閲嶈鐨勮妭鐐圭被鍨嬫湁錛?/p><table style="margin: 10px 0px 0px; padding: 0px; border-style: solid; border-color: #aaaaaa; border-collapse: collapse; width: 425px;"><tbody style="margin: 0px; padding: 0px; border: 0px;"><tr style="margin: 0px; padding: 0px; border: 0px;"><th style="margin: 0px; padding: 5px 15px 5px 5px; border: 1px solid #aaaaaa; vertical-align: baseline; background-color: #d5d5d5;">鍏冪礌綾誨瀷</th><th style="margin: 0px; padding: 5px 15px 5px 5px; border: 1px solid #aaaaaa; vertical-align: baseline; background-color: #d5d5d5;">NodeType</th></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">鍏冪礌</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">1</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">灞炴?/td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">2</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">鏂囨湰</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">3</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">娉ㄩ噴</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">8</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">鏂囨。</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">9</td></tr></tbody></table></div></h1><img src ="http://www.tkk7.com/qileilove/aggbug/411619.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/qileilove/" target="_blank">欏哄叾鑷劧EVO</a> 2014-03-28 15:30 <a href="http://www.tkk7.com/qileilove/articles/411619.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>HTML DOM 鏂規硶http://www.tkk7.com/qileilove/articles/411618.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 07:17:00 GMThttp://www.tkk7.com/qileilove/articles/411618.htmlhttp://www.tkk7.com/qileilove/comments/411618.htmlhttp://www.tkk7.com/qileilove/articles/411618.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411618.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411618.html

鏂規硶鏄垜浠彲浠ュ湪鑺傜偣錛圚TML 鍏冪礌錛変笂鎵ц鐨勫姩浣溿?/p>

緙栫▼鎺ュ彛

鍙氳繃 JavaScript 錛堜互鍙婂叾浠栫紪紼嬭璦錛夊 HTML DOM 榪涜璁塊棶銆?/p>

鎵鏈?HTML 鍏冪礌琚畾涔変負瀵硅薄錛岃岀紪紼嬫帴鍙ｅ垯鏄璞℃柟娉曞拰瀵硅薄灞炴с?/p>

鏂規硶鏄偍鑳藉鎵ц鐨勫姩浣滐紙姣斿娣誨姞鎴栦慨鏀瑰厓绱狅級銆?/p>

灞炴ф槸鎮ㄨ兘澶熻幏鍙栨垨璁劇疆鐨勫鹼紙姣斿鑺傜偣鐨勫悕縐版垨鍐呭錛夈?/p>

getElementById() 鏂規硶

getElementById() 鏂規硶榪斿洖甯︽湁鎸囧畾 ID 鐨勫厓绱狅細

渚嬪瓙

var element=document.getElementById("intro");

浜茶嚜璇曚竴璇?/a>

HTML DOM 瀵硅薄 - 鏂規硶鍜屽睘鎬?/h2>

涓浜涘父鐢ㄧ殑 HTML DOM 鏂規硶錛?/p>

  • getElementById(id) - 鑾峰彇甯︽湁鎸囧畾 id 鐨勮妭鐐癸紙鍏冪礌錛?/li>
  • appendChild(node) - 鎻掑叆鏂扮殑瀛愯妭鐐癸紙鍏冪礌錛?/li>
  • removeChild(node) - 鍒犻櫎瀛愯妭鐐癸紙鍏冪礌錛?/li>

涓浜涘父鐢ㄧ殑 HTML DOM 灞炴э細

  • innerHTML - 鑺傜偣錛堝厓绱狅級鐨勬枃鏈?/li>
  • parentNode - 鑺傜偣錛堝厓绱狅級鐨勭埗鑺傜偣
  • childNodes - 鑺傜偣錛堝厓绱狅級鐨勫瓙鑺傜偣
  • attributes - 鑺傜偣錛堝厓绱狅級鐨勫睘鎬ц妭鐐?/li>

鎮ㄥ皢鍦ㄦ湰鏁欑▼鐨勪笅涓绔犱腑瀛﹀埌鏇村鏈夊叧灞炴х殑鐭ヨ瘑銆?/p>

鐜板疄鐢熸椿涓殑瀵硅薄

鏌愪釜浜烘槸涓涓璞°?/p>

浜虹殑鏂規硶鍙兘鏄?eat(), sleep(), work(), play() 絳夌瓑銆?/p>

鎵鏈変漢閮芥湁榪欎簺鏂規硶錛屼絾浼氬湪涓嶅悓鏃墮棿鎵ц瀹冧滑銆?/p>

涓涓漢鐨勫睘鎬у寘鎷鍚嶃佽韓楂樸佷綋閲嶃佸勾榫勩佹у埆絳夌瓑銆?/p>

鎵鏈変漢閮芥湁榪欎簺灞炴э紝浣嗗畠浠殑鍊煎洜浜鴻屽紓銆?/p>

涓浜?DOM 瀵硅薄鏂規硶

榪欓噷鎻愪緵涓浜涙偍灝嗗湪鏈暀紼嬩腑瀛﹀埌鐨勫父鐢ㄦ柟娉曪細

鏂規硶鎻忚堪
getElementById()榪斿洖甯︽湁鎸囧畾 ID 鐨勫厓绱犮?/td>
getElementsByTagName()榪斿洖鍖呭惈甯︽湁鎸囧畾鏍囩鍚嶇О鐨勬墍鏈夊厓绱犵殑鑺傜偣鍒楄〃錛堥泦鍚?鑺傜偣鏁扮粍錛夈?/td>
getElementsByClassName()榪斿洖鍖呭惈甯︽湁鎸囧畾綾誨悕鐨勬墍鏈夊厓绱犵殑鑺傜偣鍒楄〃銆?/td>
appendChild()鎶婃柊鐨勫瓙鑺傜偣娣誨姞鍒版寚瀹氳妭鐐廣?/td>
removeChild()鍒犻櫎瀛愯妭鐐廣?/td>
replaceChild()鏇挎崲瀛愯妭鐐廣?/td>
insertBefore()鍦ㄦ寚瀹氱殑瀛愯妭鐐瑰墠闈㈡彃鍏ユ柊鐨勫瓙鑺傜偣銆?/td>
createAttribute()鍒涘緩灞炴ц妭鐐廣?/td>
createElement()鍒涘緩鍏冪礌鑺傜偣銆?/td>
createTextNode()鍒涘緩鏂囨湰鑺傜偣銆?/td>
getAttribute()榪斿洖鎸囧畾鐨勫睘鎬у箋?/td>
setAttribute()鎶婃寚瀹氬睘鎬ц緗垨淇敼涓烘寚瀹氱殑鍊箋?/td>


欏哄叾鑷劧EVO 2014-03-28 15:17 鍙戣〃璇勮
]]>HTML DOM 鑺傜偣http://www.tkk7.com/qileilove/articles/411617.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 07:16:00 GMThttp://www.tkk7.com/qileilove/articles/411617.htmlhttp://www.tkk7.com/qileilove/comments/411617.htmlhttp://www.tkk7.com/qileilove/articles/411617.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411617.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411617.html

鍦?HTML DOM 涓紝鎵鏈変簨鐗╅兘鏄妭鐐廣侱OM 鏄瑙嗕負鑺傜偣鏍戠殑 HTML銆?/span>

DOM 鑺傜偣

鏍規嵁 W3C 鐨?HTML DOM 鏍囧噯錛孒TML 鏂囨。涓殑鎵鏈夊唴瀹歸兘鏄妭鐐癸細

  • 鏁翠釜鏂囨。鏄竴涓枃妗ｈ妭鐐?/li>
  • 姣忎釜 HTML 鍏冪礌鏄厓绱犺妭鐐?/li>
  • HTML 鍏冪礌鍐呯殑鏂囨湰鏄枃鏈妭鐐?/li>
  • 姣忎釜 HTML 灞炴ф槸灞炴ц妭鐐?/li>
  • 娉ㄩ噴鏄敞閲婅妭鐐?/li>

HTML DOM 鑺傜偣鏍?/h2>

HTML DOM 灝?HTML 鏂囨。瑙嗕綔鏍戠粨鏋勩傝繖縐嶇粨鏋勮縐頒負鑺傜偣鏍?/span>錛?/p>

HTML DOM Tree 瀹炰緥

HTML DOM Node Tree

閫氳繃 HTML DOM錛屾爲涓殑鎵鏈夎妭鐐瑰潎鍙氳繃 JavaScript 榪涜璁塊棶銆傛墍鏈?HTML 鍏冪礌錛堣妭鐐癸級鍧囧彲琚慨鏀癸紝涔熷彲浠ュ垱寤烘垨鍒犻櫎鑺傜偣銆?/p>

鑺傜偣鐖躲佸瓙鍜屽悓鑳?/h2>

鑺傜偣鏍戜腑鐨勮妭鐐瑰郊姝ゆ嫢鏈夊眰綰у叧緋匯?/p>

鐖訛紙parent錛夈佸瓙錛坈hild錛夊拰鍚岃優錛坰ibling錛夌瓑鏈鐢ㄤ簬鎻忚堪榪欎簺鍏崇郴銆傜埗鑺傜偣鎷ユ湁瀛愯妭鐐廣傚悓綰х殑瀛愯妭鐐硅縐頒負鍚岃優錛堝厔寮熸垨濮愬錛夈?/p>

  • 鍦ㄨ妭鐐規爲涓紝欏剁鑺傜偣琚О涓烘牴錛坮oot錛?/li>
  • 姣忎釜鑺傜偣閮芥湁鐖惰妭鐐廣侀櫎浜嗘牴錛堝畠娌℃湁鐖惰妭鐐癸級
  • 涓涓妭鐐瑰彲鎷ユ湁浠繪剰鏁伴噺鐨勫瓙
  • 鍚岃優鏄嫢鏈夌浉鍚岀埗鑺傜偣鐨勮妭鐐?/li>

涓嬮潰鐨勫浘鐗囧睍紺轟簡鑺傜偣鏍戠殑涓閮ㄥ垎錛屼互鍙婅妭鐐逛箣闂寸殑鍏崇郴錛?/p>DOM 鑺傜偣鍏崇郴

璇風湅涓嬮潰鐨?HTML 鐗囨錛?/h2>
<html>   <head>     <title>DOM 鏁欑▼</title>   </head>   <body>     <h1>DOM 絎竴璇?lt;/h1>     <p>Hello world!</p>   </body> </html>

浠庝笂闈㈢殑 HTML 涓細

  • <html> 鑺傜偣娌℃湁鐖惰妭鐐癸紱瀹冩槸鏍硅妭鐐?/li>
  • <head> 鍜?<body> 鐨勭埗鑺傜偣鏄?<html> 鑺傜偣
  • 鏂囨湰鑺傜偣 "Hello world!" 鐨勭埗鑺傜偣鏄?<p> 鑺傜偣

騫朵笖錛?/p>

  • <html> 鑺傜偣鎷ユ湁涓や釜瀛愯妭鐐癸細<head> 鍜?<body>
  • <head> 鑺傜偣鎷ユ湁涓涓瓙鑺傜偣錛?lt;title> 鑺傜偣
  • <title> 鑺傜偣涔熸嫢鏈変竴涓瓙鑺傜偣錛氭枃鏈妭鐐?"DOM 鏁欑▼"
  • <h1> 鍜?<p> 鑺傜偣鏄悓鑳炶妭鐐癸紝鍚屾椂涔熸槸 <body> 鐨勫瓙鑺傜偣

騫朵笖錛?/p>

  • <head> 鍏冪礌鏄?<html> 鍏冪礌鐨勯涓瓙鑺傜偣
  • <body> 鍏冪礌鏄?<html> 鍏冪礌鐨勬渶鍚庝竴涓瓙鑺傜偣
  • <h1> 鍏冪礌鏄?<body> 鍏冪礌鐨勯涓瓙鑺傜偣
  • <p> 鍏冪礌鏄?<body> 鍏冪礌鐨勬渶鍚庝竴涓瓙鑺傜偣

璀﹀憡錛?/h2>

DOM 澶勭悊涓殑甯歌閿欒鏄笇鏈涘厓绱犺妭鐐瑰寘鍚枃鏈?/p>

鍦ㄦ湰渚嬩腑錛?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;"><title>DOM 鏁欑▼</title>錛屽厓绱犺妭鐐?<title>錛屽寘鍚間負 "DOM 鏁欑▼" 鐨?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">鏂囨湰鑺傜偣銆?/p>

鍙氳繃鑺傜偣鐨?nbsp;innerHTML 灞炴ф潵璁塊棶鏂囨湰鑺傜偣鐨勫箋?/p>

鎮ㄥ皢鍦ㄧ◢鍚庣殑绔犺妭涓涔犳洿澶氭湁鍏?innerHTML 灞炴х殑鐭ヨ瘑銆?/p>



欏哄叾鑷劧EVO 2014-03-28 15:16 鍙戣〃璇勮
]]>HTML DOM 鏁欑▼http://www.tkk7.com/qileilove/articles/411615.html欏哄叾鑷劧EVO欏哄叾鑷劧EVOFri, 28 Mar 2014 07:08:00 GMThttp://www.tkk7.com/qileilove/articles/411615.htmlhttp://www.tkk7.com/qileilove/comments/411615.htmlhttp://www.tkk7.com/qileilove/articles/411615.html#Feedback0http://www.tkk7.com/qileilove/comments/commentRss/411615.htmlhttp://www.tkk7.com/qileilove/services/trackbacks/411615.html

HTML DOM 瀹氫箟浜嗚闂拰鎿嶄綔 HTML 鏂囨。鐨勬爣鍑嗘柟娉曘?/p>

DOM 灝?HTML 鏂囨。琛ㄨ揪涓烘爲緇撴瀯銆?/p>

寮濮嬪涔?HTML DOM錛?/p>

HTML DOM 鏍?/h2>HTML DOM Node Tree

HTML DOM 瀹炰緥

瀛︿範 100 涓疄渚嬶紒閫氳繃鎴戜滑鐨勫湪綰跨紪杈戝櫒錛屾偍鑳藉緙栬緫 HTML 浠ｇ爜錛岀劧鍚庣偣鍑?#8220;浜茶嚜璇曚竴璇?#8221;鎸夐挳鏉ユ煡鐪嬬粨鏋溿?/p>

HTML DOM 瀹炰緥

HTML DOM 鍙傝冩墜鍐?/h2>

鍦?W3School錛屾垜浠彁渚涘寘鍚ぇ閲忓疄渚嬬殑瀹屾暣 HTML DOM 鍙傝冩墜鍐屻?/p>

HTML DOM 鍙傝冩墜鍐?/a>



欏哄叾鑷劧EVO 2014-03-28 15:08 鍙戣〃璇勮
]]>HTML DOM 綆浠?/title><link>http://www.tkk7.com/qileilove/articles/411616.html</link><dc:creator>欏哄叾鑷劧EVO</dc:creator><author>欏哄叾鑷劧EVO</author><pubDate>Fri, 28 Mar 2014 07:08:00 GMT</pubDate><guid>http://www.tkk7.com/qileilove/articles/411616.html</guid><wfw:comment>http://www.tkk7.com/qileilove/comments/411616.html</wfw:comment><comments>http://www.tkk7.com/qileilove/articles/411616.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.tkk7.com/qileilove/comments/commentRss/411616.html</wfw:commentRss><trackback:ping>http://www.tkk7.com/qileilove/services/trackbacks/411616.html</trackback:ping><description><![CDATA[<div class="8qk0ekq" id="intro" style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><p style="margin: 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-family: 寰蔣闆呴粦; font-size: 14px; font-weight: 800;">HTML DOM 瀹氫箟浜嗚闂拰鎿嶄綔 HTML 鏂囨。鐨勬爣鍑嗐?/span></p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>鎮ㄥ簲璇ュ叿澶囩殑鍩虹鐭ヨ瘑</h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">鍦ㄦ偍緇х畫瀛︿範涔嬪墠錛屾偍闇瑕佸浠ヤ笅鍐呭鎷ユ湁鍩烘湰鐨勪簡瑙ｏ細</p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">CSS</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">JavaScript</li></ul><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">濡傛灉鎮ㄩ渶瑕侀鍏堝涔犺繖浜涢」鐩紝璇瘋闂垜浠殑<a title="W3School 鍦ㄧ嚎鏁欑▼" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">棣栭〉</a>銆?/p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>浠涔堟槸 DOM錛?/h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">DOM 鏄?W3C錛堜竾緇寸綉鑱旂洘錛夌殑鏍囧噯銆?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">DOM 瀹氫箟浜嗚闂?HTML 鍜?XML 鏂囨。鐨勬爣鍑嗭細</p><blockquote style="margin: 15px; padding: 0px; border: 0px;">“W3C 鏂囨。瀵硅薄妯″瀷 錛圖OM錛?鏄腑绔嬩簬騫沖彴鍜岃璦鐨勬帴鍙ｏ紝瀹冨厑璁哥▼搴忓拰鑴氭湰鍔ㄦ佸湴璁塊棶鍜屾洿鏂版枃妗ｇ殑鍐呭銆佺粨鏋勫拰鏍峰紡銆?#8221;</blockquote><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">W3C DOM 鏍囧噯琚垎涓?3 涓笉鍚岀殑閮ㄥ垎錛?/p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">鏍稿績 DOM - 閽堝浠諱綍緇撴瀯鍖栨枃妗ｇ殑鏍囧噯妯″瀷</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">XML DOM - 閽堝 XML 鏂囨。鐨勬爣鍑嗘ā鍨?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML DOM - 閽堝 HTML 鏂囨。鐨勬爣鍑嗘ā鍨?/li></ul><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">緙栬呮敞錛?/span>DOM 鏄?Document Object Model錛堟枃妗ｅ璞℃ā鍨嬶級鐨勭緝鍐欍?/p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>浠涔堟槸 XML DOM錛?/h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">XML DOM 瀹氫箟浜嗘墍鏈?XML 鍏冪礌鐨?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">瀵硅薄</span>鍜?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">灞炴?/span>錛屼互鍙婅闂畠浠殑<span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">鏂規硶</span>銆?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">濡傛灉鎮ㄩ渶瑕佸涔?XML DOM錛岃璁塊棶鎴戜滑鐨?nbsp;<a title="XML DOM 鏁欑▼" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">XML DOM 鏁欑▼</a>銆?/p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 瀹嬩綋; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>浠涔堟槸 HTML DOM錛?/h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">HTML DOM 鏄細</p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML 鐨勬爣鍑嗗璞℃ā鍨?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML 鐨勬爣鍑嗙紪紼嬫帴鍙?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">W3C 鏍囧噯</li></ul><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">HTML DOM 瀹氫箟浜嗘墍鏈?HTML 鍏冪礌鐨?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">瀵硅薄</span>鍜?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">灞炴?/span>錛屼互鍙婅闂畠浠殑<span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">鏂規硶</span>銆?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">鎹㈣█涔嬶紝HTML DOM 鏄叧浜庡浣曡幏鍙栥佷慨鏀廣佹坊鍔犳垨鍒犻櫎 HTML 鍏冪礌鐨勬爣鍑嗐?/span></p></div><img src ="http://www.tkk7.com/qileilove/aggbug/411616.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/qileilove/" target="_blank">欏哄叾鑷劧EVO</a> 2014-03-28 15:08 <a href="http://www.tkk7.com/qileilove/articles/411616.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.tkk7.com/" title="亚洲av成人片在线观看">亚洲av成人片在线观看</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://vo168.com" target="_blank">亚洲熟妇av一区二区三区下载</a>| <a href="http://my533.com" target="_blank">久久久久国产精品免费免费搜索</a>| <a href="http://phlinhng.com" target="_blank">亚洲AV无码乱码精品国产</a>| <a href="http://wwwy6x22.com" target="_blank">亚洲一区二区三区高清在线观看</a>| <a href="http://mtsp2.com" target="_blank">四虎永久在线精品免费观看视频</a>| <a href="http://chaoxung.com" target="_blank">911精品国产亚洲日本美国韩国</a>| <a href="http://52xbjs.com" target="_blank">久久国产精品萌白酱免费</a>| <a href="http://wuhhz.com" target="_blank">久久久久久亚洲精品</a>| <a href="http://scbangde.com" target="_blank">久久九九AV免费精品</a>| <a href="http://www621f.com" target="_blank">亚洲尹人九九大色香蕉网站</a>| <a href="http://www456788.com" target="_blank">午夜影院免费观看</a>| <a href="http://am3736.com" target="_blank">亚洲精品**中文毛片</a>| <a href="http://lemonbt.com" target="_blank">很黄很色很刺激的视频免费</a>| <a href="http://3344088.com" target="_blank">亚洲最大天堂无码精品区</a>| <a href="http://xzzkf.com" target="_blank">好爽好紧好大的免费视频国产</a>| <a href="http://818812.com" target="_blank">在线观看亚洲免费</a>| <a href="http://sky233.com" target="_blank">亚洲最大av无码网址</a>| <a href="http://saozib.com" target="_blank">最新亚洲成av人免费看</a>| <a href="http://ebhqd.com" target="_blank">亚洲国产精品久久久久久</a>| <a href="http://www96pg.com" target="_blank">四虎在线最新永久免费</a>| <a href="http://www-83118.com" target="_blank">日本亚洲精品色婷婷在线影院</a>| <a href="http://sdhgjscl.com" target="_blank">最近中文字幕无免费视频</a>| <a href="http://xxxxcccc.com" target="_blank">国产精品亚洲一区二区在线观看</a>| <a href="http://xian66.com" target="_blank">亚洲国产高清在线一区二区三区</a>| <a href="http://jybelt.com" target="_blank">国产在线观看免费av站</a>| <a href="http://142121.com" target="_blank">在线观看亚洲一区二区</a>| <a href="http://liexion.com" target="_blank">好吊妞998视频免费观看在线</a>| <a href="http://igao4.com" target="_blank">羞羞漫画登录页面免费</a>| <a href="http://fsweicheng.com" target="_blank">好看的电影网站亚洲一区</a>| <a href="http://52xingai.com" target="_blank">亚欧在线精品免费观看一区</a>| <a href="http://www827556.com" target="_blank">亚洲国产成人AV在线播放</a>| <a href="http://xyzch.com" target="_blank">日韩亚洲变态另类中文</a>| <a href="http://8884493.com" target="_blank">久久国产免费福利永久</a>| <a href="http://www64427.com" target="_blank">美女视频黄a视频全免费网站一区</a>| <a href="http://tuopumao.com" target="_blank">最新精品亚洲成a人在线观看</a>| <a href="http://youweidianqi.com" target="_blank">日韩免费高清大片在线</a>| <a href="http://zz1965.com" target="_blank">国产亚洲欧美在线观看</a>| <a href="http://eee94.com" target="_blank">亚洲国产精品lv</a>| <a href="http://c9133.com" target="_blank">免费人成年激情视频在线观看</a>| <a href="http://jujiamy.com" target="_blank">国产免费拔擦拔擦8X高清在线人</a>| <a href="http://taoh2507.com" target="_blank">亚洲一区二区三区不卡在线播放 </a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>