asp.net如何从 HTML 文档在 JQUERY 中获取 XML 对象

发布时间: 2017/3/26 5:36:01
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我要从下面的 HTML 代码在 ASPX 页中检索 hier2 在 jquery 对象

<div>
<hier2:hierarchy >
 <hier:x1></hier:x1>
<hier2:hierarchy >
</div>

我特里尔 document.all.hier2 IE 11 和其不工作

什么是最好的办法做到这一点。

解决方法 1:

简单地说︰

document.getElementsByTagName("hier2:hierarchy"); 

返回节点列表,您可以遍历包含所有 hier2:hierarchy 节点。


更多详细说明︰

这些元素 (或节点) 是D挡住O M这种模型 (DOM) 的一部分。在过去的 IE (和其他) 支持 document.all 。它现在已被否决。如何遍历 dom。DOM 是一棵树,其中包含一个根和其子元素、 孙子等。

基础知识︰

  • document︰ 这是主对象。的页面。所有其他元素都是这根的后代。
  • document.documentElement︰ 表示 HTML-element 的页面。

遍历︰

  • document.getElementById︰ 允许您选择单个元素根据其 ID -属性。
  • document.getElementsByTagName︰ 允许您选择多个节点根据 node name
  • document.getElementsByClassName︰ 允许您选择多个节点根据节点的 class
  • document.querySelector︰ 选择单个节点使用css-selectors
  • document.querySelectorAll︰ 同一如上,仅用于选择多个元素。
  • childrenchildNodes : 细微的差异,第一选择内容节点,而后者选择 (在节点列表的窗体) 的元素的直接子级的所有节点。
  • parentNodeparentElement ︰ 选择当前元素的父元素。
  • previousSiblingnextSibling ︰ 选择上一个或下一个元素。

很多更多的选择︰ https://developer.mozilla.org/en-US/docs/Web/API/Element

一些例子︰

平原︰

var elements = document.getElementsByTagName("hier2:hierarchy");
for (var i = 0; i < elements.length; i++)
  {
    document.querySelector("#display").innerHTML += elements[i].nodeName; //select the display div using css selector #display
  }
<div>
  <hier2:hierarchy>
    <hier:x1></hier:x1>
  </hier2:hierarchy>
</div>
<div id="display"></div>

在 jQuery 中

  $("hier2\\:hierarchy").each(function() {

    $("#display").html(this.nodeName);
  });


//$("hier2\\:hierarchy") is used to select the elements, mind the \\ to escape!
//each is used to traverse all the elements.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <hier2:hierarchy>
    <hier:x1></hier:x1>
  </hier2:hierarchy>
</div>
<div id="display"></div>

在这里特别提醒︰ 在使用 hier2:hierarchy 将会失败。你需要进行转义 :\\:

$("hier2\\:hierarchy")
官方微信
官方QQ群
31647020