javascript - 仅在 javascript 中获取标记名为 的子项

Question

我有一个 HTML 作为:

<div id="xyz">

 <svg>......</svg>
 <img>....</img>
 <div id = "a"> hello </div>
 <div id = "b"> hello
      <div id="b1">I m a grand child</div>     
 </div>
 <div id = "c"> hello </div>

</div>

我想在 javascript 变量中将所有带有标签的子元素作为 id = xyz 的父元素的“div”。

这样我的输出应该是:

"<div id = "a"> hello </div>
 <div id = "b"> hello
      <div id="b1">I m a grand child</div>     
 </div>
 <div id = "c"> hello </div>"

Answer 1

您可以先简单地获取 #xyz div，然后找到所有 div 子元素:

var childDivs = document.getElementById('xyz').getElementsByTagName('div')
//                        ^ Get #xyz element;         ^ find it's `div` children.

此方法相对于 Document.querySelectorAll 的优势在于这些选择器在 pretty much 中工作every browser ，而不是 IE 8/9+ for the queryselector .