javascript中getElements的一个“s”

本文通过一个JavaScript脚本示例介绍了如何从XML文件中读取数据,并展示了如何使用ActiveXObject来加载并解析XML文件内容。具体包括获取XML文件中的姓名、年龄、性别和描述等信息。

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

Code:
  1. <script language="javascript">   
  2.     {   
  3.         function GetInfo()   
  4.         {   
  5.                             var dxml = new ActiveXObject("Microsoft.XMLDOM");   
  6.                dxml.async="false";   
  7.                dxml.load("info2.xml");   
  8.                        var nameNode = dxml.getElementsByTagName("name");   
  9.         var ageNode = dxml.getElementsByTagName("age");   
  10.         var sexNode = dxml.getElementsByTagName("sex");   
  11.         var desNode = dxml.getElementsByTagName("description");   
  12.                
  13.         var str="名称是:"+nameNode(0).firstChild.nodeValue+   
  14.                      "/n年龄是"+ageNode(0).firstChild.nodeValue+   
  15.                      "/n性别是"+sexNode(0).firstChild.nodeValue+   
  16.                      "/n描述是"+desNode(0).firstChild.nodeValue;   
  17.                
  18.         alert(str);   
  19.         }   
  20.     }   
  21.     </script>  

下面是info2.xml内容

Code:
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <Info>  
  3. <basic country="china">  
  4. <name num="4">凤姐</name>  
  5. <age>27</age>  
  6. <sex></sex>  
  7. </basic>  
  8. <description>  
  9. 信凤姐,得自信.   
  10. </description>  
  11. </Info>  

自己看了很长时间,用了很多的alert测试,最后不经意间发现了程序运行错误的原因,dxml.getElementsByTagName("name")中的getElementsByTagName()中的Elements丢了一个“s”,看来写代码是一定要认真,骗不了计算机啊.........特此留念,谨记之。

document.getElementsByName('name属性')方法用于通过元素的name属性获取元素的集合。该方法返回一个NodeList对象,其中包含了所有具有指定name属性的元素。例如,在给定的HTML代码中,通过document.getElementsByName('aaa')可以获取到name属性为'aaa'的button元素,返回的是一个NodeList对象。\[2\]这个NodeList对象可以通过索引来访问其中的元素,例如elements\[0\]表示获取到的第一个元素。然后可以通过该元素的属性方法进行操作,比如elements\[0\].onclick表示获取第一个元素的onclick事件,elements\[0\].style表示获取第一个元素的样式属性。\[3\] #### 引用[.reference_title] - *1* [Document.getElement方法](https://blog.youkuaiyun.com/asunny_/article/details/124394061)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [js中document节点获取页面元素的六种方式](https://blog.youkuaiyun.com/weixin_55992854/article/details/116887603)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [document.getElementsBy...之间的区别](https://blog.youkuaiyun.com/Bigbullwang/article/details/84926371)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值