如何获得HTML节点对象，而不是HTML本身使用JavaScript

Question

当我做

var el = document.querySelector('.some-class');

我得到的纯HTML。

那么我怎样才能访问Javascript节点元素？

我可以看到它，当我在控制台中做dir(el)。

Answer 1

这是dom本身。你只能用这个操作元素。为什么它显示HTML，这只是控制台显示你的常用方式。例如，如果你想添加一个类，你可以做。

var el = document.querySelector('.some-class'); 
el.classList.add('test') 

这将工作，因为它应该。如果你想HTML的元素，你也可以这样做：

el.outerHTML 

希望这可以帮助你。

Answer 2

实际上，document.querySelector()返回的是一个element对象，该对象实现了从Node接口继承的Element接口。