Javascript Div/Class中的Html标记

我只想打印标签+txt/htmls这个：->

<Div class="abc">
 <Div class="def"><img src="www.xyz.com/abc.jpg">
  <Div Class="ghj"><a href....></a>
  </Div>
 </Div>
</Div>

我尝试了document.getelementsbyclassabc，但没有任何解决方案或帮助 谢谢

首先，它不是getelementsbyclass，而是getElementsByClassName，它返回一个节点列表，因此，您需要索引，而innerHTML是您要查找的属性

<Div class="def"><img src="www.xyz.com/abc.jpg">
  <Div Class="ghj"><a href....></a>
  </Div>
</Div>

更好的方法是使用querySelector，它将CSS选择器作为参数并返回单个元素

console.log(document.getElementByClassName('abc')[0].innerHTML);
// [0] is to take the first element with class abc

---

JavaScript是一种区分大小写的语言。首先，getElementsByClassName是一个必须用CammelCase编写的方法。此方法将返回具有该类的DOM节点数组。要获取此元素的html值，请使用innerHTML

总之

---

这将获得类为“abc”的第一个元素的HTML值

问题是什么？这与PHP有什么关系？正如我提到的，我想打印父类abcI agree中的所有html标记，除了querySelector。只有在没有其他选项时才使用querySelector。原因是什么？相比之下，速度非常慢。

console.log(document.querSelector('abc').innerHTML);

var html = document.getElementsByClassName('abc')[0].innerHTML;