在JavaScript中使用DOM解析XML数据

本文介绍了一种使用JavaScript内置DOM解析XML数据的方法,并提供了一个具体的示例代码,演示了如何从XML节点中获取属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 我不知道有多少人是在使用MSXML2.DOMDocumen来解析XML数据, 这里我说一下如何使用JavaScript内置的DOM来解析

下面是示例代码, 使用JS从XML数据中取一个节点的某属性

<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
</HEAD>

<BODY>
<xml id="xml1">
    
<components>
        
<component cmpnt_id="1" cmpnt_name="FE1001" />
        
<component cmpnt_id="2" cmpnt_name="FE1002" />
    
</components>
</xml>
<form name="form1">
<input type="button" value="test" onclick="test()" />
</form>
<script type="text/javascript"> 

function test()
{
    
var xml1 = document.getElementById("xml1");
    
var node_components = xml1.getElementsByTagName("components")[0];
    node_components 
= node_components.getElementsByTagName("component");
    
var node_component = node_components[1];
    alert(node_component.getAttribute(
"cmpnt_name"));}


</script>
</BODY>
</HTML>

在代码中, 尽量不使用childNodes属性, 因为MF和IE对其的解析不同, 使用getElementsByTagName以免出错,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值