首頁 > 開發者 > JavaScript
最近發現DOMDocument對象很重要,還有XMLHTTP也很重要<br />注意大小寫一定不能弄錯.<br />屬性:<br /> 1Attributes 儲存節點的屬性列表(唯讀)<br /> 2childNodes 儲存節點的子節點列表(唯讀)<br /> 3dataType 返回此節點的資料類型<br /> 4Definition 以DTD或XML模式給出的節點的定義(唯讀)<br /> 5Doctype 指定文件類型節點(唯讀)<br /> 6documentElement 返迴文檔的根項目(可讀寫)<br /> 7firstChild 返回當前節點的第一個子節點(唯讀)<br /> 8Implementation 返回XMLDOMImplementation對象<br /> 9lastChild 返回當前節點最後一個子節點(唯讀)<br />10nextSibling 返回當前節點的下一個兄弟節點(唯讀)<br />11nodeName 返回節點的名字(唯讀)<br />12nodeType 返回節點的類型(唯讀)<br />13nodeTypedValue 儲存節點值(可讀寫)<br />14nodeValue 返回節點的文本(可讀寫)<br />15ownerDocument 返回包含此節點的根文檔(唯讀)<br />16parentNode 返回父節點(唯讀)<br />17Parsed 返回此節點及其子節點是否已經被解析(唯讀)<br />18Prefix 返回名稱空間首碼(唯讀)<br />19preserveWhiteSpace 指定是否保留空白(可讀寫)<br />20previousSibling 返回此節點的前一個兄弟節點(唯讀)<br />21Text 返回此節點及其後代的常值內容(可讀寫)<br />22url 返回最近載入的XML文檔的URL(唯讀)<br />23Xml 返回節點及其後代的XML表示(唯讀)<br />方法:<br /> 1appendChild 為當前節點添加一個新的子節點,放在最後的子節點後<br /> 2cloneNode 返回當前節點的拷貝<br /> 3createAttribute 建立新的屬性<br /> 4createCDATASection 建立包括給定資料的CDATA段<br /> 5createComment 建立一個注釋節點<br /> 6createDocumentFragment 建立DocumentFragment對象<br /> 7createElement 建立一個元素節點<br /> 8createEntityReference 建立EntityReference對象<br /> 9createNode 建立給定類型,名字和命名空間的節點<br />10createPorcessingInstruction 建立操作指令節點<br />11createTextNode 建立包括給定資料的文本節點<br />12getElementsByTagName 返回指定名字的元素集合<br />13hasChildNodes 返回當前節點是否有子節點<br />14insertBefore 在指定節點前插入子節點<br />15Load 匯入指定位置的XML文檔<br />16loadXML 匯入指定字串的XML文檔<br />17removeChild 從子結點列表中刪除指定的子節點<br />18replaceChild 從子節點列表中替換指定的子節點<br />19Save 把XML檔案存到指定節點<br />20selectNodes 對節點進行指定的匹配,並返回匹配節點列表<br />21selectSingleNode 對節點進行指定的匹配,並返回第一個匹配節點<br />22transformNode 使用指定的樣式表對節點及其後代進行轉換<br />23transformNodeToObject 使用指定的樣式表將節點及其後代轉換為對象</p><p>*********************************</p><p>DOM(文件物件模型)<br />DOM(文件物件模型)概念的推出,這個API使HTML如虎添翼,但是有些學DHTML的朋友還是有些困撓,只是因為目前的手冊的書寫不太科學,是按字母<br />來分的,不便查閱.其實DOM中最關鍵是要掌握節點與節點之間的關係(between node andnode),想學習DHTML中的DOM千萬不要從頭到尾地看遍所<br />有的屬性和方法,你有三國時張松的"過目不忘"的本領嗎?沒有吧,那就聽我分析一下：<br />其實DOM教給我們的就是一個階層，你可以理解為一個樹形結構，就像我們的目錄一樣，一個根目錄，根目錄下有子目錄，子目錄下還有子<br />目錄……<br />根節點：</p><p>DOM把層次中的每一個對象都稱之為節點（NODE），以HTML超文字標記語言 (HTML)為例：整個文檔的一個根就是<html>,在DOM中可以使用<br />document.documentElement來訪問它，它就是整個節點樹的根節點（ROOT）<br />子節點：<br />一般意義上的節點，根節點以下最大子節點就是主文件區<body>了，要訪問到body標籤，在指令碼中應該寫：<br />document.body<br />body區以內所有的文本及HTML標籤都是文檔的節點，分別稱為文本節點、元素節點（或者叫標籤節點），大家知道HTML說到底只是文本而矣，<br />不論怎麼樣的網頁必然由這兩個節點群組成，也只能由這兩個節點群組成<br />節點之間的關係：<br />節點之間的關係也是DOM中最重要的一個關節，如何正確地引用到節點對象，一定要清楚節點樹各個節點的相互描述方式，在DHTML裡，<br />Javascript指令碼就用了各個節點對象的一整套方法和屬性去描述另外的節點對象。</p><p>節點的絕對引用：<br />返迴文檔的根節點<br />document.documentElement<br />返回當前文檔中被擊活的標籤節點<br />document.activeElement<br />返回滑鼠移出的源節點<br />event.fromElement<br />返回滑鼠移入的源節點<br />event.toElement<br />返回啟用事件的源節點<br />event.srcElement<br />節點的相對參照：(設當前對節點為node)<br />返回父節點<br />node.parentNode<br />node.parentElement<br />返回子節點集合（包含文本節點及標籤節點）<br />node.childNodes<br />返回子標籤節點集合<br />node.children<br />返回子文本節點集合<br />node.textNodes<br />返回第一個子節點<br />node.firstChild<br />返回最後一個子節點<br />node.lastChild<br />返回同屬下一個節點<br />node.nextSibling<br />返回同屬上一個節點<br />node.previousSibling<br />節點的各種操作：(設當前的節點為node)<br />新增標籤節點控制代碼：<br />document.createElement(sNode) //參數為要新添的節點標籤名，例：newnode=document.createElement("div");<br />1、添加節點：<br />追加子節點：<br />node.appendChild(oNode) //oNode為生新增的節點控制代碼,例：node.appendChild(newnode)<br />應用標籤節點<br />node.applyElment(oNode,sWhere)//oNode為生新增的節點控制代碼,sWhere有兩個值：outside / inside，加在當前節點外面還是裡面<br />插入節點<br />inode.insertBefore()<br />node.insertAdjacentElement()<br />node.replaceAdjacentText()<br />2、修改節點：<br />刪除節點<br />node.remove()<br />node.removeChild()<br />node.removeNode()<br />替換節點<br />node.replaceChild()<br />node.replaceNode()<br />node.swapNode()</p><p>2、複製節點：<br />返回複製複製節點引用<br />node.cloneNode(bAll)//bAll為布爾值，true / false 是否複製該節點所有子節點<br />3、節點資訊<br />是否包含某節點<br />node.contains()<br />是否有子節點<br />node.hasChildNodes()<br />*******************************************************<br />下面為javascript操作xml<br /><mce:script language="JavaScript"><!--<br />var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM")</p><p>//載入文檔<br />//doc.load("b.xml");<br />//建立檔案頭<br />var p = doc.createProcessingInstruction("xml","version='1.0' encoding='gb2312'");<br /> //添加檔案頭<br /> doc.appendChild(p);<br />//用於直接載入時獲得根接點<br />//var root = doc.documentElement;<br />//兩種方式建立根接點<br />// var root = doc.createElement("students");<br /> var root = doc.createNode(1,"students","");<br /> //建立子接點<br /> var n = doc.createNode(1,"ttyp","");<br /> //指定子接點文本<br /> //n.text = " this is a test";</p><p> //建立孫接點<br /> var o = doc.createElement("sex");<br /> o.text = "男"; //指定其文本<br /> //建立屬性<br /> var r = doc.createAttribute("id");<br /> r.value="test";<br /> //添加屬性<br /> n.setAttributeNode(r);<br /> //建立第二個屬性<br /> var r1 = doc.createAttribute("class");<br /> r1.value="tt";</p><p> //添加屬性<br /> n.setAttributeNode(r1);<br /> //刪除第二個屬性<br /> n.removeAttribute("class");<br /> //添加孫接點<br /> n.appendChild(o);<br /> //添加文本接點<br /> n.appendChild(doc.createTextNode("this is a text node."));<br /> //添加註釋<br /> n.appendChild(doc.createComment("this is a comment/n"));</p><p> //添加子接點<br /> root.appendChild(n);</p><p> //複製接點<br /> var m = n.cloneNode(true);<br /> root.appendChild(m);</p><p> //刪除接點<br /> root.removeChild(root.childNodes(0));<br /> //建立資料區段<br /> var c = doc.createCDATASection("this is a cdata");<br /> c.text = "hi,cdata";<br /> //添加資料區段<br /> root.appendChild(c);</p><p> //添加根接點<br /> doc.appendChild(root);<br /> //尋找接點<br /> var a = doc.getElementsByTagName("ttyp");<br /> //var a = doc.selectNodes("//ttyp");<br /> //顯示改接點的屬性<br /> for(var i= 0;i<a.length;i++)<br /> {<br /> alert(a[i].xml);<br /> for(var j=0;j<a[i].attributes.length;j++)<br /> {<br /> alert(a[i].attributes[j].name);<br /> }<br /> }<br /> //修改節點,利用XPATH定位節點<br /> var b = doc.selectSingleNode("//ttyp/sex");<br /> b.text = "女";<br /> //alert(doc.xml);<br /> //XML儲存（需要在服務端，用戶端用FSO）<br /> //doc.save();</p><p> //查看根接點XML<br /> if(n)<br /> {<br /> alert(n.ownerDocument.xml);<br /> }<br />// --></mce:script></p><p>-
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
