一 介绍

1、创建XML DOM对象的实例

Microsoft在JavaScript中引入了用于创建ActiveX对象的ActiveXObject类,通过该类可以创建XML DOM对象的实例,代码如下:

var xmldoc = new ActiveXObject("Microsoft.XMLDOM");

2、载入XML

Microsoft的XML DOM有两种载入XML的方法,即load()和loadXML()。

方法一:

load()方法用于从服务器上载入XML文件,load()方法的语法格式如下:

xmldoc.load(url);

参数说明:

xmldoc:为XML DOM对象的实例。

url:为XML文件的名称。

注意:

load()方法只可以载入同包含JavaScript的页面存储于同一服务器上的文件。

在载入时,还可以采用同步或异步两种模式。默认情况下,文件是按照异步模式载入,如果需要进行同步载入,可以设置async属性为false。

在异步载入文件时,还需要使用readyState属性和onreadystatechange事件处理函数,这样可以保证在DOM完全载入后执行其他操作。

方法二:

loadXML()方法可直接向XML DOM输入XML字符串,例如:

xmldoc.loadXML("<root><son/></root>");

二 获取XML文档的根节点应用

在实例实现XML、DOM和JavaScript的整合应用。

首先应用ActiveXObject创建一个Microsoft解析器实例,然后将XML文档载入内存中,接着应用DOM对象获取XML文档中的根节点(var rootElement = xmldoc.documentElement;),最后输出根节点。

三 代码

<html>
<head>
<title>获取XML文档的根结点</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<script>
var xmldoc = new ActiveXObject("Microsoft.XMLDOM");     //创建Microsoft解析器实例
xmldoc.async = false;
xmldoc.load("27_1.xml");  //载入指定的XML文档
var rootElement = xmldoc.documentElement;  //访问元素根节点
document.write(rootElement.nodeName);
</script>
</body>
</html>

四 运行结果

软件管理系统

以上就是具体介绍如何在IE中创建DOM并载入XML的详情的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:IE,DOM,XML
  • 程序员必备接口测试调试工具:点击使用

    Apipost = Postman + Swagger + Mock + Jmeter

    Api设计、调试、文档、自动化测试工具

    网页生成APP,用做网站的技术去做APP:立即创建

    手机网站开发APP、自助封装APP、200+原生模块、2000+映射JS接口按需打包

    • 上一篇:应用名称访问XML文档的代码案例详解
    • 下一篇:XML文件要有根标签(错误)的代码解决分享

    相关文章

    相关视频


    • 使用xmlhttp为网站增加域名查询功能的示例代码...
    • 四种XML解析方式详解
    • 基于PHP对XML的操作详解
    • XML和Tomcat的入门知识的详细介绍
    • 具体介绍如何在IE中创建DOM并载入XML的详情
    • Vue3 事件修饰符
    • vue3 指令
    • vue3 基础语法
    • vue3 组合api和选项api介绍

    视频教程分类

    • php视频教程
    • html视频教程
    • css视频教程
    • JS视频教程
    • jQuery视频教程
    • mysql视频教程
    • Linux视频教程
    • Python视频教程
    • Laravel视频教程
    • Vue视频教程

    专题

    具体介绍如何在IE中创建DOM并载入XML的详情