开发学院网页设计 JavaScript JavaScript DOM学习第一章：W3C DOM简介阅读

JavaScript DOM学习第一章：W3C DOM简介

　2010-03-30 00:00:00　来源：WEB开发网　闂傚倸鍊搁崐椋庢濮橆兗缂氱憸宥堢亱闂佸湱铏庨崰鏍不椤栫偞鐓ラ柣鏇炲€圭€氾拷

闂傚倸鍊搁崐椋庣矆娓氣偓楠炲鏁撻悩鎻掔€梺姹囧灩閻忔艾鐣烽弻銉︾厵闁规鍠栭。濂告煕鎼达紕校闁靛洤瀚伴獮鎺楀箣濠靛啫浜鹃柣銏⑶圭壕濠氭煙閻愵剚鐏辨俊鎻掔墛缁绘盯宕卞Δ鍐冣剝绻涘畝濠佺敖缂佽鲸鎹囧畷鎺戭潩閹典焦鐎搁梻浣烘嚀閸ゆ牠骞忛敓锟�

婵犵數濮烽弫鍛婃叏椤撱垹绠柛鎰靛枛瀹告繃銇勯幘瀵哥畼闁硅娲熷缁樼瑹閳ь剙岣胯鐓ら柕鍫濇偪濞差亜惟闁宠桨鑳堕崝锕€顪冮妶鍡楃瑐闁煎啿鐖奸崺濠囧即閵忥紕鍘梺鎼炲劗閺呮稒绂掕缁辨帗娼忛埡浣锋闂佽桨鐒﹂幑鍥极閹剧粯鏅搁柨鐕傛嫹闂傚倸鍊搁崐椋庢濮橆兗缂氱憸宥堢亱闂佸湱铏庨崰鏍不椤栫偞鐓ラ柣鏇炲€圭€氾拷　　闂傚倸鍊搁崐鐑芥嚄閼哥數浠氱紓鍌欒兌缁垶銆冮崨鏉戠厺鐎广儱顦崡鎶芥煏韫囨洖校闁诲寒鍓熷铏圭磼濡搫顫岄梺鍦拡閸嬪棝鎯€椤忓浂妯勯梺鍝勬湰濞叉ḿ鎹㈠┑濠勭杸闁哄洨濮烽悰銉╂⒒娴ｅ搫甯跺鐟帮攻缁傚秴饪伴崼姘ｅ亾閺冨牆绀冩い蹇庣娴滈箖鏌ㄥ┑鍡涱€楀褜鍠栭湁闁绘ɑ鐟ョ€氼喚绮绘ィ鍐╃厱妞ゆ劑鍊曢弸搴ㄦ煟韫囧鍔滈柕鍥у瀵潙螣閸濆嫬袝婵＄偑鍊戦崹娲偡閳哄懎绠栭柍鈺佸暞閸庣喖鏌曢崶褍绨婚柟鍑ゆ嫹

核心提示： 最好的能准确到达元素并且不需要DOM结构的办法就是给B一个ID：<PALIGN="right">Thisisa<BID="hereweare">paragraph现在你就可以简单的写：1var

最好的能准确到达元素并且不需要DOM结构的办法就是给B一个ID：

<P　ALIGN="right">This　is　a　<B　ID="hereweare">paragraph

现在你就可以简单的写：

1　var　x　=　document.getElementById('hereweare'); 

元素B就存储在了x里。

修改一个节点

现在我们已经到达了节点，就可以做一些修改了。假设我们想把加粗的文字部分修改为'bold bit of text’。我们需要访问正确的元素然后修改它的nodeValue。现在正确的元素不是元素B而是他的子元素text node：我们想改变的是文字，不是元素。所以可以写：

1　document.getElementById('hereweare').firstChild.nodeValue='bold　bit　of　text'; 

元素就改变了。

你可以通过nodeValue来修改任何文本节点或者参数。比如你可以修改段落的ALIGN参数。这也是非常的简单，先找到需要的元素（在这个例子中是B元素的父元素），然后使用setAttribute()方法来设置你想要的值：

1　function　test2(val)　{ 　　　if　(document.getElementById　&&　document.createElement) 　　{ 　　　　　　　node　=　document.getElementById('hereweare').parentNode; 　　　　　node.setAttribute('align',val); 　} 　　　else　alert('Your　browser　doesn\'t　support　the　Level　1　DOM'); } 

创建和删除元素

修改元素固然有用，但是还是不如创建你需要的元素然后插入到现有的文档中。我可以很简单的在这个段落后面添加一个HR元素然后很简单的删除它。

编缉推荐阅读以下文章