<!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>

　　

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

  1. xml ---DOM操作

    package day03.xml; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; ...

  2. HTML JavaScript的DOM操作

    1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): op ...

  3. HTML--7JavaScript的DOM操作

    1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): op ...

  4. 6、网页制作Dreamweaver（HTML结构--dom操作）

    一.基本语法:数据类型(字符串,小数,整数,布尔,时间) var, var s = "3.14"; var n = parseFloat(s); ; s += 5; var d = ...

  5. 课堂所讲整理：HTML--7JavaScript的DOM操作

    1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): op ...

  6. JavaScript的DOM操作（2）

    补充:   回车符\r和换行符\n的区别:\r 相当于enter,是段落与段落之间的区别, \n 相当于shift+enter,是行与行之间距离,比较小 几种window操作方法: 1.获取当前窗口大 ...

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

    1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): op ...

  8. 3.25课·········JavaScript的DOM操作

    1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): op ...

  9. DOM操作XML文件

    一.IE中的XML(IE低版本才支持) 在统一的正式规范出来以前,浏览器对于 XML 的解决方案各不相同.DOM2 级提出了动态创建 XML DOM 规范,DOM3 进一步增强了 XML DOM. 所 ...

随机推荐

  1. c++ 观察者模式

    观察者模式之比喻: 有家公司,老板经常不按时上班,于是员工就可以在老板来之前的那段时间娱乐一下,但是又过的是心惊胆战,怕 老板随时出现:这是观察者模式就起作用了:公司有个前台,她总是第一个看到老板进门 ...

  2. 50道经典的JAVA编程题 （6-10）

    50道经典的JAVA编程题 (6-10),今晚做了10道了,累死了...感觉难度不是很大,就是不知道是不是最好的实现方法啊!希望大神们能给指点哈... [程序6]GCDAndLCM.java 题目:输 ...

  3. mysql日期格式说明符

  4. HTML-css selector

    Css selector 基本有三种 HTML(TAG)selector , ID selector , Class selector css selector 综合使用 : 重用,子选择器,组选择器 ...

  5. Use ALTER DATABASE to Move Databases

    Use ALTER DATABASE to Move Databases Follow Our Daily Tips •facebook.com/TechNetTips• twitter.com/Te ...

  6. Introduction to DTD

    A Document Type Definition (DTD) defines the legal building blocks of an XML document. It defines th ...

  7. pip error: command 'gcc' failed with exit status 1

    SWIG/_m2crypto_wrap.c:127:20: 致命错误:Python.h:没有那个文件或目录     #include <Python.h>                  ...

  8. 【C++深入浅出】设计模式学习之简单工厂

    看大话设计模式中大牛对小菜的精辟点评,也写了一个计算器程序,并跟着点评一路改良,还是不过瘾,应用了类模板和异常捕捉机制重写了程序. 本文不能算干货,恰当的比方是饭前甜点,吃一口有点味.有点意思,总归太 ...

  9. C#利用API制作类似QQ一样的右下角弹出窗体

    C#利用API制作类似QQ一样的右下角弹出窗体 (2009-03-21 15:02:49) 转载▼ 标签: 杂谈 分类: .NET using System;using System.Collecti ...

  10. mysql之数据库备份与恢复

    备份与恢复 系统运行中,增量备份与整体备份. 例如:每周日整体备份一次,周一到周六只备份当天. 如果周五的数据出了问题,可以用周日的整体+周一.周二.周三.周四来恢复. 备份的工具: 有第三方的收费备 ...