javascript dom 操作详解 js加强_javascript技巧_脚本之家

请接纳 … 西藏省 江西省 青海省 请选用 … cities.js 复制代码 代码如下:window.onload = function(State of Qatar{
// 深入深入分析 XML 文档 , 拿到 xml 文书档案的 china 根节点 var xmlDocument =
parseXml; var chinaNode = xmlDocument.childNodes[1]; // 为 的 select
节点增添 onchange 事件 , 获取选用的省的 value var provinceNode =
document.getElementById; provinceNode.onchange = function(卡塔尔{ // **javascript dom 操作详解 js加强_javascript技巧_脚本之家。
清空 provice 节点出 请选用 … 的持有子节点 ** var cityNode =
document.getElementById; // cityNodeOptionNodes 数组时活动的 ,
所以必要从后迈入清 var cityNodeOptionNodes =
cityNode.getElementsByTagName; var length = cityNodeOptionNodes.length;
for(var i = length – 1; i > 0; i–卡塔尔{
cityNode.removeChild(cityNodeOptionNodes[i]卡塔尔(قطر‎; } var provinceValue =
this.value; // 用 provinceValue 去 xml 文书档案中拿走相应的 province 节点
var provinceNodeInXmlFile =
xmlDocument.selectSingleNode(“china/province[@name='” + provinceValue +
“‘]”卡塔尔国; // 获取 3 provinceNodeInXmlFile 的兼具 city 子节点的公文值 :
cityValue var cityNodesInXmlFile =
provinceNodeInXmlFile.getElementsByTagName; for (var i = 0; i <
cityNodesInXmlFile.length; i++卡塔尔(قطر‎ { var cityNodeInXmlFile =
cityNodesInXmlFile[i]; var cityValue =
cityNodeInXmlFile.firstChild.nodeValue; // 利用 得到的文本值创建 option
节点 : cityValue var optionNode = document.createElement;
optionNode.setAttribute; var optionNodeTextNode =
document.createTextNode; optionNode.appendChild; // 把创制好的 option
节点加多到 的 select 节点中 cityNode.appendChild; } }; // 深入剖析 xml
文件的函数 function parseXml{ //IE 内核的浏览器 if { // 创造 DOM 解析器
var doc = new ActiveXObject; doc.async = “false”; // 加载 XML 文书档案 ,
获取 XML 文书档案对象 doc.load; return doc; } //Mozilla 浏览器 else if { //
创制 DOM 深入分析器 var p = new DOMParser(卡塔尔(قطر‎; // 创立 DOM 拆解深入分析器 return
p.parseFromString; } else { return false; } } } cities.xml 复制代码 代码如下:

City.html 复制代码 代码如下:

Untitled Document

石家庄 邯郸 唐山 张家口 廊坊 沈阳 大连 鞍山 抚顺 铁岭 济南 青岛 威海
烟台 潍坊

1 、文书档案里的各样节点都有属性 nodeName 、 nodeValue 、 nodeType nodeName
文本节点的的节点名是 #text , nodeName 是只读属性 nodeValue 1 因孟秋点 2
属性节点 3 文本节点 只读属性 nodeType 无法用来成分节点 重临 null 2 、
getElementsByTagName 重临一个节点会集 3 、 firstChild 、 lastChild
第八个因首秋点,最终二个要上秋点 4 、 childNodes 重临全部子节点列表 5 、
previousSibling 前多少个男子节点 nextSibling 后三个兄弟节点 parentNode
再次来到父节点 6 、 hasChildNodes
文本节点能够看做成分节点的子节点,文本节点和总体性节点不容许再包括任何子节点
7 、 appendChild 追加节点 8 、 removeChild(卡塔尔 移除叁个节点
能够借用子节点的收获父节点,然后移除子节点。 9 、 replaceChild(卡塔尔(قطر‎替换方法,有七个参数,把第一个参数的剧情替换掉第1个参数的剧情要是四个都设有在 dom 中,第一个会身不由己在其次个之处,而第三个将消逝。 10
、 insertBefore 在 refnode 早先插入 newnode 11 、创制节点 setAttribute(卡塔尔国为一个因早秋点扩张属性 createElement(卡塔尔 创造叁个要素商点 createTextNode(卡塔尔国创制二个文本节点 用这多个章程能够增加任何节点。 12 、 innerHTML 内部的
html 不仅能够赢得,也得以设置 这里有三个例证,联合浮动接受地市,地市消息在 xml
中 13 、调用函数时 1 、 node.onclick = xxx(卡塔尔国;
拿到函数的重回值,也正是实行了该函数 2 、 node.onclick = function; }
得到了该函数的引用,唯有触发该事件时才试行。 14 、动态数组的删减
:即数组中的有个别成分删除后后边的因素会自动向前风姿罗曼蒂克格。 [“ 山东 ”, “ 山西
”, “ 广东 ”, “ 广西 ”, “ 四川 ”, “ 河南 ”, “ 河北 ”] 假使用 for(int i =
0 ;i0 ; i–State of Qatar 记录一个联合浮动选拔的例证

采用两个省今后,会有相应的地市出以往另八个 select 中

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章