Div / Class中的Html标签

Question

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

我只想打印标签+ txt / htmls： - ＆gt;

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

我试过document.getelementsbyclass("abc")，但它没有任何解决方案或帮助 谢谢！

Answer 1

首先，它不是getelementsbyclass而是getElementsByClassName并且它会返回NodeList因此，您需要建立索引，而innerHTML是您需要的属性寻找。

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

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

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

Answer 2

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

简而言之

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

这将获得带有'abc';

类的第一个元素的HTML值