国语自产精品视频在线看:您身边最放心的安全下载站! 最新软件|热门排行|软件分类|软件专题|厂商大全

国语自产精品视频在线看

技术教程
您的位置:首页网页设计网页特效 → javascript节点操作DOMDocument属性和方法

javascript节点操作DOMDocument属性和方法

我要评论 2012/06/25 11:00:12 来源:国语自产精品视频在线看 编辑:downcc.com [ ] 评论:0 点击:223次

最近发🚷现🏯DOMDocument对象【duì xiàng】💐很重要【yào】,还有XMLHTTP也很重要【yào】

注意大小写📗一定不能弄错.

属性【xìng】⛓:

1Attributes 存储节【cún chǔ jiē】😅点【diǎn】🍚的属性【de shǔ xìng】列表【liè biǎo】🌟(只读【zhī dú】🚙)
2childNodes 存储节【cún chǔ jiē】😅点【diǎn】🍚的【de】子节点【zǐ jiē diǎn】🔮列表【liè biǎo】(只读【zhī dú】🚙)
3dataType 返回此【fǎn huí cǐ】🗜节点的【jiē diǎn de】🐨数据类【shù jù lèi】型【xíng】🤣
4Definition 以【yǐ】🐵DTD或🕝XML模式【shì】🤹给出的【gěi chū de】节点【jiē diǎn】🤫的【de】定义(只读【zhī dú】🚙)
5Doctype 指定文档【dàng】类型【xíng】🤣节点【jiē diǎn】🔭(只读【zhī dú】🚙)
6documentElement 返回文【fǎn huí wén】档【dàng】的【de】➰根元素【yuán sù】👱(可读写【kě dú xiě】📗)
7firstChild 返回当【fǎn huí dāng】🗂前节点【qián jiē diǎn】🏢的第一【de dì yī】个🎤子节点【zǐ jiē diǎn】🔮(只读【zhī dú】🚙)
8Implementation 返回XMLDOMImplementation对象【duì xiàng】💐
9lastChild 返回当【fǎn huí dāng】🗂前节点【qián jiē diǎn】🏢最后一【zuì hòu yī】个子【gè zǐ】🔃节点【jiē diǎn】🔭(只读【zhī dú】🚙)
10nextSibling 返回当【fǎn huí dāng】🗂前节点【qián jiē diǎn】🏢的下一【de xià yī】👯个兄弟节点【jiē diǎn】🔭(只读【zhī dú】🚙)
11nodeName 返回节【fǎn huí jiē】😀点【diǎn】🍚的【de】名字(只读【zhī dú】🚙)
12nodeType 返回节【fǎn huí jiē】😀点【diǎn】🍚的类型【de lèi xíng】🤣(只读【zhī dú】🚙)
13nodeTypedValue 存储节【cún chǔ jiē】😅点【diǎn】🍚值📧(可读写【kě dú xiě】📗)
14nodeValue 返回节【fǎn huí jiē】😀点【diǎn】🍚的【de】文本【běn】👛(可读写【kě dú xiě】📗)
15ownerDocument 返回包含此节💄点【diǎn】🍚的【de】根文档【dàng】(只读【zhī dú】🚙)
16parentNode 返回父节点【jiē diǎn】🔭(只读【zhī dú】🚙)
17Parsed 返回此【fǎn huí cǐ】🗜节点【jiē diǎn】及🗻其子节点【zǐ jiē diǎn】🔮是【shì】🔃否已经被🎬解析🆗(只读【zhī dú】🚙)
18Prefix 返回名🏖称空间【chēng kōng jiān】前缀(只读【zhī dú】🚙)
19preserveWhiteSpace 指定是【shì】🎽否保留空白【kōng bái】(可读写【kě dú xiě】📗)
20previousSibling 返回此【fǎn huí cǐ】🗜节点的【jiē diǎn de】🐨前一个【qián yī gè】兄弟节点【jiē diǎn】🔭(只读【zhī dú】🚙)
21Text 返回此【fǎn huí cǐ】🗜节点【jiē diǎn】及🗻其后代【qí hòu dài】的【de】文本【běn】👛内容(可读写【kě dú xiě】📗)
22url 返回最【fǎn huí zuì】🏥近载入的【de】XML文档的【wén dàng de】➰URL(只读【zhī dú】🚙)
23Xml 返回节【fǎn huí jiē】😀点【diǎn】及其📅后【hòu】代的【de】XML表示(只读【zhī dú】🚙)

方法🚕:

1appendChild 为💆当前节【dāng qián jiē】点【diǎn】🏢添加一个新的【de】子节点【zǐ jiē diǎn】🔮,放在【zài】🤗最后【hòu】的【de】子【zǐ】🏟节点【jiē diǎn】🔭后【hòu】
2cloneNode 返回当【fǎn huí dāng】🗂前节点【qián jiē diǎn】🏢的拷贝【de kǎo bèi】🔖
3createAttribute 创建新【chuàng jiàn xīn】🎩的属性【de shǔ xìng】⛓
4createCDATASection 创建包【chuàng jiàn bāo】🤼括给定【kuò gěi dìng】数据的【shù jù de】🐰CDATA段
5createComment 创建【chuàng jiàn】一个注释节点【jiē diǎn】🔭
6createDocumentFragment 创建【chuàng jiàn】DocumentFragment对象【duì xiàng】💐
7createElement 创建【chuàng jiàn】一个元素【yuán sù】💟节点【jiē diǎn】🔭
8createEntityReference 创建【chuàng jiàn】EntityReference对象【duì xiàng】💐
9createNode 创建给【chuàng jiàn gěi】定类型【xíng】🤣,名字和🕷命名空🧤间的【de】节点【jiē diǎn】🤫
10createPorcessingInstruction 创建【chuàng jiàn】操🎧作指令【zuò zhǐ lìng】✒节点【jiē diǎn】🔭
11createTextNode 创建包【chuàng jiàn bāo】🤼括给定【kuò gěi dìng】数据的【shù jù de】🐰文本节【wén běn jiē】🥃点【diǎn】🍚
12getElementsByTagName 返回指【fǎn huí zhǐ】定名字【dìng míng zì】的元素【de yuán sù】🌫集合【jí hé】🗄
13hasChildNodes 返回当【fǎn huí dāng】🗂前节点【qián jiē diǎn】🏢是【shì】🔃否有子节点【zǐ jiē diǎn】🔮
14insertBefore 在【zài】🤗指定节【zhǐ dìng jiē】点【diǎn】前➕插入子节点【zǐ jiē diǎn】🔮
15Load 导入指💱定位置的【de】XML文档【dàng】
16loadXML 导入指💱定字符📘串的【de】XML文档【dàng】
17removeChild 从子结【cóng zǐ jié】点【diǎn】🍚列表中【liè biǎo zhōng】删除指定的子【dìng de zǐ】节点【jiē diǎn】🔮
18replaceChild 从子节【cóng zǐ jiē】点【diǎn】🔮列表中【liè biǎo zhōng】替换指定的子【dìng de zǐ】节点【jiē diǎn】🔮
19Save 把XML文件存【wén jiàn cún】🙋到【dào】😿指定节【zhǐ dìng jiē】点【diǎn】🔭
20selectNodes 对节点【duì jiē diǎn】🕸进行指【jìn háng zhǐ】定的匹【dìng de pǐ】🌙配【pèi】,并返回🚼匹配【pèi】节🦒点【diǎn】🍚列表【liè biǎo】
21selectSingleNode 对节点【duì jiē diǎn】🕸进行指【jìn háng zhǐ】定的匹【dìng de pǐ】🌙配【pèi】,并返回🚼第一个🎤匹配【pèi】节🦒点【diǎn】🍚
22transformNode 使【shǐ】用【yòng】指🔆定的【de】样🥇式【shì】表对🍟节点【jiē diǎn】及🗻其后代【qí hòu dài】进行转换
23transformNodeToObject 使【shǐ】用【yòng】指🔆定的【de】样🥇式【shì】🤹表将节点【jiē diǎn】及🗻其后代【qí hòu dài】转换为🤳对象【duì xiàng】💐


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


DOM(文档对【wén dàng duì】象💐模型【mó xíng】🤣)
DOM(文档对【wén dàng duì】象💐模型【mó xíng】🤣)概念的【de】推出,这个💖API使【shǐ】HTML如虎添【rú hǔ tiān】翼,但是【shì】🔃有些学🎰DHTML的【de】朋友还是【hái shì】🔃有些困挠【náo】,只是【shì】🔃因为💆目前的【de】手册的【de】书写【shū xiě】📗不太科📟学,是【shì】🔃按字母👍

来分的【de】,不便查阅.其实🎠DOM中最关🐈键是【shì】🔃要【yào】掌握节点【jiē diǎn】🔭与节点【jiē diǎn】🔭之间的【zhī jiān de】关⌚系【xì】🤲(between node andnode),想学习DHTML中的【de】DOM千万不【qiān wàn bú】要【yào】从头⛷到【dào】😿尾地看遍所💣

有的属性【de shǔ xìng】和方🚴法⛔,你有三国时张松的【sōng de】"过目不忘"的【de】本【běn】👴领吗?没有吧【méi yǒu ba】🥊,那就听🌝我分析【wǒ fèn xī】一下:

其实🎠DOM教给我【jiāo gěi wǒ】们的【de】就是【shì】🔃一个层次结构,你可以【yǐ】📊理解为【lǐ jiě wéi】💆一个树形结构,就像我【jiù xiàng wǒ】🖍们的【de】目录🤫一样,一个根目录【gēn mù lù】🤫,根目录【gēn mù lù】🤫下有子【zǐ】目录🐐,子【zǐ】目录🐐下还有🎋子【zǐ】

目录🤫……

根节点【jiē diǎn】👋:


DOM把层次中的【de】每🏮一个对象【duì xiàng】💐都称之为💆节点【jiē diǎn】🔭(NODE),以【yǐ】🐵HTML超文本【běn】📺标记语🐎言为【yán wéi】💆例【lì】:整个文【zhěng gè wén】档【dàng】的【de】➰一个根就是【shì】🔃<html>,在【zài】🤗DOM中可以【zhōng kě yǐ】🐵使【shǐ】用【yòng】🔄

document.documentElement来访问它,它就是【shì】🔃整个节点【jiē diǎn】🍳树的【de】根节点【jiē diǎn】👋(ROOT)

子节点【zǐ jiē diǎn】🔮:

一般意【yī bān yì】🚵义上的【de】节点【jiē diǎn】🤫,根节点【jiē diǎn】👋以【yǐ】🐵下最大【xià zuì dà】子节点【zǐ jiē diǎn】🔮就是【shì】🔃主文档【dàng】区【qū】➡<body>了【le】,要【yào】访问到【dào】😿body标签,在【zài】脚本【běn】📊中应该写📗:
document.body
body区【qū】➡以【yǐ】🐵内所有的【de】⬜文本【běn】😦及HTML标签都是【shì】🔃文档的【wén dàng de】➰节点【jiē diǎn】🔭,分别称【fèn bié chēng】为💆文本节【wén běn jiē】🥃点【diǎn】🍚、元素【yuán sù】👱节点【jiē diǎn】🔭(或🕝者叫标签节【biāo qiān jiē】⚾点【diǎn】🍚),大家知🐓道【dào】HTML说到【dào】底📫只是【shì】文🏷本【běn】👴而矣,

不论怎🐻么样的【de】网页必【wǎng yè bì】然由这🎌两个节点【jiē diǎn】🍳组成,也只能由这两【yóu zhè liǎng】🤘个节点【jiē diǎn】🍳组成

节点【jiē diǎn】🔭之间的【zhī jiān de】关⌚系【xì】🤲:

节点【jiē diǎn】🔭之间的【zhī jiān de】关⌚系【xì】也是【shì】🎛DOM中最重【zhōng zuì chóng】要【yào】的【de】一个关节,如何正🌰确地引用到节【yòng dào jiē】✡点对象【diǎn duì xiàng】💜,一定要【yào】清楚节点【jiē diǎn】🔭树各个节点【jiē diǎn】🍳的相互【de xiàng hù】🐑描述方式【shì】🤹,在【zài】🤗DHTML里,

Javascript脚本【běn】就💌用【yòng】🔄了【le】各个节点【jiē diǎn】🍳对象【duì xiàng】💐的【de】一整套方法【tào fāng fǎ】和🈂属性【xìng】⛓去描述另外的【de】节点【jiē diǎn】🤫对象【duì xiàng】💐。


节点的【jiē diǎn de】🐨绝对引【jué duì yǐn】用【yòng】🔄:
返回文【fǎn huí wén】档【dàng】的【de】➰根节点【jiē diǎn】👋
document.documentElement
返回当【fǎn huí dāng】🗂前文档【dàng】中被击活的标【huó de biāo】签节⚾点【diǎn】🍚
document.activeElement
返回鼠💳标移出【biāo yí chū】的源节【de yuán jiē】㊗点【diǎn】🍚
event.fromElement
返回鼠💳标移入的源节【de yuán jiē】㊗点【diǎn】🍚
event.toElement
返回激活事件的源节【de yuán jiē】㊗点【diǎn】🍚
event.srcElement

节点的【jiē diǎn de】🐨相对引【xiàng duì yǐn】用【yòng】🔄:(设当前💵对节点【duì jiē diǎn】🕸为💆node)
返回父节点【jiē diǎn】🔭
node.parentNode
node.parentElement
返回子【zǐ】🆚节点【jiē diǎn】集😻合(包含文本节【wén běn jiē】🥃点【diǎn】🍚及标签🤴节点【jiē diǎn】🔭)
node.childNodes
返回子【zǐ】🆚标签节【biāo qiān jiē】⚾点【diǎn】🍚集合【jí hé】🗄
node.children
返回子【zǐ】🆚文本节【wén běn jiē】🥃点【diǎn】🍚集合【jí hé】🗄
node.textNodes
返回第👎一个子【gè zǐ】🔃节点【jiē diǎn】🔭
node.firstChild
返回最【fǎn huí zuì】🏥后【hòu】一个子【gè zǐ】🔃节点【jiē diǎn】🔭
node.lastChild
返回同🐙属下一个节点【jiē diǎn】🍳
node.nextSibling
返回同🐙属上一【shǔ shàng yī】个节点【jiē diǎn】🍳
node.previousSibling

节点的【jiē diǎn de】🐨各种操【gè zhǒng cāo】作:(设当前💵的【de】节点【jiē diǎn】🤫为💆node)

新增标签节【biāo qiān jiē】⚾点【diǎn】🍚句柄【jù bǐng】💼:
document.createElement(sNode) //参数为【cān shù wéi】💆要【yào】新添的【de】节点【jiē diǎn】🤫标签名,例【lì】:newnode=document.createElement("div");

1、添加节【tiān jiā jiē】👍点【diǎn】🍚:
追加子节点【zǐ jiē diǎn】🔮:
node.appendChild(oNode) //oNode为生新【wéi shēng xīn】🐇增的【de】节点【jiē diǎn】🤫句柄【jù bǐng】💼,例【lì】:node.appendChild(newnode)
应用【yòng】🔄标签节【biāo qiān jiē】⚾点【diǎn】🍚
node.applyElment(oNode,sWhere)//oNode为生新【wéi shēng xīn】🐇增的【de】节点【jiē diǎn】🤫句柄【jù bǐng】💼,sWhere有两个值📧:outside / inside,加在【zài】🤗当前节【dāng qián jiē】点【diǎn】🏢外面还🕟是【shì】里面🎴
插入节点【jiē diǎn】🔭
inode.insertBefore()
node.insertAdjacentElement()
node.replaceAdjacentText()

2、修改节🎀点【diǎn】🍚:

删除节【shān chú jiē】点【diǎn】🔭
node.remove()
node.removeChild()
node.removeNode()

替换节【tì huàn jiē】点【diǎn】🔭
node.replaceChild()
node.replaceNode()
node.swapNode()


2、复制节点【jiē diǎn】🔭:
返回复【fǎn huí fù】制复制【zhì fù zhì】节点【jiē diǎn】🔭引用【yòng】🔄
node.cloneNode(bAll)//bAll为💆布尔值📧,true / false 是【shì】🔃否克隆该节【gāi jiē】🗄点【diǎn】🍚所有子节点【zǐ jiē diǎn】🔮

3、节点【jiē diǎn】🔭信息【xìn xī】🚘
是【shì】🔃否包含某节点【jiē diǎn】🔭
node.contains()
是【shì】🔃否有子节点【zǐ jiē diǎn】🔮
node.hasChildNodes()

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

下面为🥗javascript操作xml
<script language="JavaScript">
<!--
var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM")


//加载文档【dàng】
//doc.load("b.xml");

//创建文【chuàng jiàn wén】件头🔙
var p = doc.createProcessingInstruction("xml","version='1.0' encoding='gb2312'");

//添加文🧦件头🔙
doc.appendChild(p);

//用【yòng】🔄于直接加载时获得根【huò dé gēn】接点【jiē diǎn】🎏
//var root = doc.documentElement;

//两种方式【shì】🤹创建【chuàng jiàn】根接点【jiē diǎn】🎏
// var root = doc.createElement("students");
var root = doc.createNode(1,"students","");

//创建子【chuàng jiàn zǐ】接点【jiē diǎn】🎏
var n = doc.createNode(1,"ttyp","");

//指定子【zǐ】接点【jiē diǎn】🎏文本【běn】😦
//n.text = " this is a test";

//创建孙【chuàng jiàn sūn】接点【jiē diǎn】🎏
var o = doc.createElement("sex");
o.text = "男【nán】"; //指定其【zhǐ dìng qí】文本【běn】😦

//创建【chuàng jiàn】属♏性【xìng】⛓
var r = doc.createAttribute("id");
r.value="test";

//添加属【tiān jiā shǔ】性【xìng】⛓
n.setAttributeNode(r);

//创建【chuàng jiàn】第🍸二个属【èr gè shǔ】性【xìng】⛓
var r1 = doc.createAttribute("class");
r1.value="tt";

//添加属【tiān jiā shǔ】性【xìng】⛓
n.setAttributeNode(r1);

//删除第🥪二个属【èr gè shǔ】性【xìng】⛓
n.removeAttribute("class");

//添加孙接点【jiē diǎn】🎏
n.appendChild(o);

//添加文🧦本【běn】👴接点【jiē diǎn】🎏
n.appendChild(doc.createTextNode("this is a text node."));

//添加注🈸释
n.appendChild(doc.createComment("this is a comment\n"));

//添加子【zǐ】接点【jiē diǎn】🎏
root.appendChild(n);

//复制接💃点【diǎn】🍚
var m = n.cloneNode(true);

root.appendChild(m);

//删除接【shān chú jiē】点【diǎn】🎏
root.removeChild(root.childNodes(0));

关键词【guān jiàn cí】:javascript

阅读本文后您有什么感想? 已有 人给出评价!

  • 0 欢迎喜欢
  • 0 白痴
  • 0 拜托
  • 0 哇
  • 0 加油
  • 0 鄙视