XML DOM操作,适用目前流行的浏览器

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<script>
	function loadXMLString(txt) {
	    var xmlDoc = null;

	    if (window.DOMParser) {
	        var parser = new window.DOMParser();
	        xmlDoc = parser.parseFromString(txt, "text/xml");
	    }
	    else // code for IE
	    {
	        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	        xmlDoc.async = false;
	        xmlDoc.loadXML(txt);
	    }

	    return xmlDoc;
	}

	var s = ‘<alarm sound="I" locate="I"><alarm_out><ctl id="1" no="11" val="111"/><ctl id="2" no="22" val="222"/><ctl id="3" no="33" val="333"/></alarm_out><camera><id>c1</id><id>c2</id><id>c3</id></camera></alarm>‘;

	var xml = loadXMLString(s);
	var c = xml.getElementsByTagName("alarm")[0];

	var alarm_out = c.getElementsByTagName("alarm_out")[0];
	if(alarm_out){
		for (var i = 0; i < alarm_out.childNodes.length; i++) {
			console.log(‘===========‘+(i+1)+‘===========‘);
			console.log("alarm_out attribute id:" + alarm_out.childNodes[i].getAttribute("id"));
			console.log("alarm_out attribute no:" + alarm_out.childNodes[i].getAttribute("no"));
			console.log("alarm_out attribute val:" + alarm_out.childNodes[i].getAttribute("val"));
			console.log(‘===========‘+(i+1)+‘===========‘);
		}
	}

	var camera = c.getElementsByTagName("camera")[0];
	if(camera){
		for (var i = 0; i < camera.childNodes.length; i++) {
			var a = camera.childNodes[i];
			console.log("camera id:" + camera.childNodes[i].textContent);
		}
	}
	</script>
</head>
<body>

</body>
</html>

  

时间: 2024-08-04 10:17:20

XML DOM操作,适用目前流行的浏览器的相关文章

JavaScript的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

JavaScript的DOM操作(2)

补充:   回车符\r和换行符\n的区别:\r 相当于enter,是段落与段落之间的区别, \n 相当于shift+enter,是行与行之间距离,比较小 几种window操作方法: 1.获取当前窗口大小并打印: var height=window.innerHeight;var width = window.innerWidth; document.write("<br/>"+"height"+height+",width"+widt

课堂笔记--------JavaScript 的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

HTML--7JavaScript的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

HTML JavaScript的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

6、网页制作Dreamweaver(HTML结构--dom操作)

一.基本语法:数据类型(字符串,小数,整数,布尔,时间) var, var s = "3.14"; var n = parseFloat(s); ; s += 5; var d = parseInt(s); isNaN(字符串):判断是否是数字模样的字符串:是-false: 不是-true 运算符:四大类 表达式: 语句:三大类(顺序,分支,循环) 分支:if(){}; if...else...;if...else if...else if ......else;if嵌套 循环:穷举,

HTML-教案-JavaScript的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

XML DOM (Document Object Model) 定义了访问和操作 XML 文档的标准方法。

XML DOM DOM 把 XML 文档视为一种树结构.通过这个 DOM 树,可以访问所有的元素.可以修改它们的内容(文本以及属性),而且可以创建新的元素.元素,以及它们的文本和属性,均被视为节点. 在本教程的较早章节中,我们介绍了 XML DOM,并使用了 XML DOM 的 getElementsByTagName() 从 DOM 树中取回数据. 在本节中,我们将讲解一些其他较常用的 XML DOM 方法.在本例中,我们使用 XML 文件 books.xml,并使用一个 JavaScript

浏览器的DOM操作

操作DOM,首先我们要理解什么事DOM,DOM是指文档对象模型,具体是指网页上XHTML中文档正文标题.段落.列表.样式.ID.class及所有其它出现的数据的一个内部表示.DOM的主要思想是HTML上每个元素分别对应于DOM中的一个节点,DOM定义了许多类型来表示节点的多个方面. 这是JavaScript常用的DOM操作 这是JQuery常用的DOM操作 在DOM树中.每个节点可以有零到多个子节点,但每个子节点只能有一个父节点 性能影响   DOM操作会导致最重要的,也是我们最需要的问题就是导