綠色資源網:您身邊最放心的安全下載站! 最新軟件|熱門排行|軟件分類|軟件專題|廠商(shāng)大全

綠色資源(yuán)網

技術教程
您的位置:首頁網(wǎng)頁設計網頁特效 → javascript節點(diǎn)操作DOMDocument屬性和方法

javascript節點操作DOMDocument屬性和方法

我要評論 2012/06/25 11:00:12 來源:綠色資源網 編輯(jí):ynaad.com [ ] 評論:0 點擊:223次

最近(jìn)發現DOMDocument對象很(hěn)重(chóng)要,還有(yǒu)XMLHTTP也很重要

注意大小寫一定不能弄錯.

屬性:

1Attributes 存儲節點的屬性列表(隻讀)
2childNodes 存儲節點的子節點(diǎn)列表(隻讀)
3dataType 返回(huí)此節點的數據類型
4Definition 以DTD或(huò)XML模式給出的節點(diǎn)的定義(隻(zhī)讀)
5Doctype 指定文檔類型節點(隻讀)
6documentElement 返回文(wén)檔的根元素(可讀寫)
7firstChild 返回當前節點的第一個子節點(隻讀)
8Implementation 返回XMLDOMImplementation對(duì)象
9lastChild 返回當前(qián)節(jiē)點最後一(yī)個子(zǐ)節點(隻(zhī)讀(dú))
10nextSibling 返回當前節點的下一(yī)個兄弟(dì)節點(隻(zhī)讀)
11nodeName 返回節點(diǎn)的名字(隻(zhī)讀)
12nodeType 返回節點的類型(隻讀)
13nodeTypedValue 存儲節點值(可讀寫)
14nodevalsue 返回節點的文(wén)本(běn)(可讀寫)
15ownerDocument 返回包含此節點(diǎn)的(de)根文檔(隻讀)
16parentNode 返回父節點(隻讀)
17Parsed 返回此(cǐ)節點及其子節點是否已經(jīng)被解析(隻讀)
18Prefix 返回名(míng)稱空間前綴(隻讀)
19preserveWhiteSpace 指定是否保留空白(可讀寫)
20previousSibling 返(fǎn)回此節點的前一個兄弟節點(隻讀)
21Text 返(fǎn)回此節點及其後代(dài)的文本內(nèi)容(可讀寫)
22url 返回最(zuì)近載入(rù)的XML文檔的URL(隻讀)
23Xml 返回節點及其後代的XML表示(隻讀)

方法:

1appendChild 為當前節點添加一個新的子(zǐ)節(jiē)點,放在最後的子節(jiē)點後
2cloneNode 返回當前節點的拷貝
3createAttribute 創建新的屬性
4createCDATASection 創建包括給定數據的CDATA段
5createComment 創建一個注釋節點
6createDocumentFragment 創建DocumentFragment對象
7createElement 創(chuàng)建一個元素節點
8createEntityReference 創建EntityReference對象
9createNode 創建給定類型,名字和命名空間(jiān)的節點
10createPorcessingInstruction 創建操作指令節點(diǎn)
11createTextNode 創建包括給定數據的(de)文本節點
12getElementsByTagName 返回指定名字(zì)的元素集合
13hasChildNodes 返回當前節點是否有子節點(diǎn)
14insertBefore 在指(zhǐ)定節點前插入子節點
15Load 導入指定位置的XML文檔
16loadXML 導入(rù)指定字(zì)符串(chuàn)的XML文檔
17removeChild 從子結(jié)點列表中刪除指定的子節(jiē)點
18replaceChild 從子節點列表(biǎo)中替換指定的子節點
19Save 把XML文件存到指定節點
20selectNodes 對節點進(jìn)行指定的匹配,並返回匹配節(jiē)點列表
21selectSingleNode 對節點進行指定的匹配,並返回第一個匹配節點
22transformNode 使用指定的樣式表對節點及其(qí)後代進行轉換
23transformNodeToObject 使用(yòng)指定的樣式表將節(jiē)點及其後代轉換為對象


*********************************


DOM(文(wén)檔對象模型)
DOM(文(wén)檔對象模型)概念的推出,這個(gè)API使HTML如虎添翼,但(dàn)是有些學(xué)DHTML的朋友還是有些困撓,隻是因為目前的手冊的書寫不太科學,是按字母

來分的,不便查閱.其實DOM中最關鍵是要(yào)掌握節點與節點之間的關係(xì)(between node andnode),想學習DHTML中的DOM千萬不要從頭到尾地看(kàn)遍所

有的屬性和方法,你有三國時張鬆的"過目不忘"的本領嗎?沒(méi)有吧,那就聽我(wǒ)分析一下:

其(qí)實DOM教給我們的就是一個(gè)層次結(jié)構,你可以理解為一個樹形(xíng)結構,就像我們的目(mù)錄一樣,一個根目錄,根目錄下有子目錄,子目(mù)錄下還有子

目錄……

根節點:


DOM把層次中的每一個對象都稱之為節點(NODE),以HTML超文本標記語言為例:整個文檔的一個根就是<html>,在DOM中可以使用

document.documentElement來訪(fǎng)問它,它就是整個節點(diǎn)樹(shù)的根節(jiē)點(ROOT)

子節點:

一般意義上的節點,根節點以下最大子(zǐ)節點(diǎn)就是主文檔區<body>了,要訪問到body標簽,在腳本中應該寫:
document.body
body區以內所有的文本及HTML標簽都是文檔的節點,分別稱(chēng)為(wéi)文本節點、元素節點(或者叫標簽(qiān)節(jiē)點),大家知道HTML說到底隻是文本而矣,

不論怎麽樣的網頁必然由這兩個節點組(zǔ)成,也隻能由這(zhè)兩個節點組成

節點之間的關(guān)係:

節點之(zhī)間(jiān)的關係也是(shì)DOM中最重要的一個(gè)關節,如何正確地(dì)引用到節點對象(xiàng),一定要清楚節點樹各個節點(diǎn)的相互描述方(fāng)式,在DHTML裏,

Javascript腳本就用了各個節點(diǎn)對象的一整套方法和屬性去描(miáo)述(shù)另外的節點對象。


節點的絕對引用:
返回文檔的根節點
document.documentElement
返回當前文(wén)檔中被擊活的標簽節點
document.activeElement
返回鼠標移出的源(yuán)節(jiē)點
event.fromElement
返回鼠標(biāo)移入(rù)的源節點
event.toElement
返回激活事(shì)件的源節點
event.srcElement

節點(diǎn)的相對引用:(設當前對節點為node)
返回父節點
node.parentNode
node.parentElement
返回子節點集合(hé)(包含(hán)文本(běn)節點及標簽(qiān)節點)
node.childNodes
返回子標簽節點集合
node.children
返回子文本節點集合
node.textNodes
返回第一個子節(jiē)點(diǎn)
node.firstChild
返回最後一個(gè)子節點
node.lastChild
返回同屬下一個節點
node.nextSibling
返回(huí)同屬上一(yī)個節(jiē)點
node.previousSibling

節點的(de)各種操作:(設當前的節點為node)

新增標簽節點句(jù)柄:
document.createElement(sNode) //參數為要新添的節點標(biāo)簽(qiān)名,例:newnode=document.createElement("div");

1、添加節點:
追(zhuī)加子節點:
node.appendChild(oNode) //oNode為生新增的節點(diǎn)句柄,例:node.appendChild(newnode)
應用標簽節點
node.applyElment(oNode,sWhere)//oNode為生新增的節點句柄,sWhere有兩個值:outside / inside,加在當前節點外麵還是裏麵
插入節點
inode.insertBefore()
node.insertAdjacentElement()
node.replaceAdjacentText()

2、修改節點(diǎn):

刪除節點
node.remove()
node.removeChild()
node.removeNode()

替換(huàn)節點(diǎn)
node.replaceChild()
node.replaceNode()
node.swapNode()


2、複製節點:
返回複製複製節點引用
node.cloneNode(bAll)//bAll為布爾值,true / false 是否克隆該節點所有子節點

3、節點(diǎn)信息
是(shì)否包(bāo)含某節點
node.contains()
是否有子節點
node.hasChildNodes()

*******************************************************

下麵(miàn)為(wéi)javascript操作xml
<script language="JavaScript">
<!--
var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM")


//加載(zǎi)文檔
//doc.load("b.xml");

//創建文件頭
var p = doc.createProcessingInstruction("xml","version='1.0' encoding='gb2312'");

//添加文件頭
doc.appendChild(p);

//用於直接加(jiā)載時獲得根接點
//var root = doc.documentElement;

//兩種(zhǒng)方式創建根接點
// var root = doc.createElement("students");
var root = doc.createNode(1,"students","");

//創建子接點
var n = doc.createNode(1,"ttyp","");

//指定子(zǐ)接點文本(běn)
//n.text = " this is a test";

//創建孫接點(diǎn)
var o = doc.createElement("sex");
o.text = "男"; //指定其文本

//創建屬性
var r = doc.createAttribute("id");
r.value="test";

//添加(jiā)屬性
n.setAttributeNode(r);

//創建第二個屬性
var r1 = doc.createAttribute("class");
r1.value="tt";

//添加(jiā)屬性
n.setAttributeNode(r1);

//刪除第二個屬性
n.removeAttribute("class");

//添加孫接(jiē)點
n.appendChild(o);

//添加文本(běn)接點(diǎn)
n.appendChild(doc.createTextNode("this is a text node."));

//添(tiān)加注釋
n.appendChild(doc.createComment("this is a comment\n"));

//添加子接點
root.appendChild(n);

//複(fù)製接點
var m = n.cloneNode(true);

root.appendChild(m);

//刪除接點
root.removeChild(root.childNodes(0));

關鍵詞:javascript

閱讀本(běn)文後您有什麽感想? 已有 人給出評價!

  • 0 歡迎喜歡
  • 0 白癡
  • 0 拜托
  • 0 哇
  • 0 加油
  • 0 鄙視
免费人欧美成又黄又爽的视频丨一本色道久久88综合日韩精品丨国产专区日韩精品欧美色丨午夜无遮挡男女啪啪视频丨国产欧美日韩综合精品一区二区丨亚洲精品无码不卡在线播HE丨亚洲精品国产精品国自产观看丨日韩国产高清av不卡