如何在没有getElementById的情况下定位$ 0

Question

我正在尝试找到一种适当的方式来编辑元素，但是似乎它们只是一个具有ID的节点。我想到了 我的代码如下：

var root=document.getElementById("app-mount").childNodes;;
var child = root[n].innerHTML;

但这不可重用于获取chrome开发工具中使用的任何元素（例如$0）的路径。我想知道是否有一种方法可以调用$0来给我提供路径，这样就可以知道如何像ID document.getElementById('id');那样对它进行定位

编辑： 获得帮助后，我将代码更新为：

document.querySelectorAll('svg')[1].outerHTML="<img id='orb' class='orb' src='https://i.imgur.com/k3d8qMN.gif' width='50' height='60'>"

它是我为不和谐而设计的主题！ 感谢您的帮助！

Answer 1

我不确定我是否很好地跟踪了您的问题，但是如果我对您的理解正确，那么您正在寻找类似querySelector或querySelectorAll的东西。

您可以使用CSS命令来定位各种HTML元素。例如：

document.querySelector('div'); //returns the first div
document.body.querySelectorAll('div'); //returns all the divs attached to the body element

您还可以定位ID：

document.querySelector('#app-mount');

或课程：

document.querySelector('.blue');

和查询选择器也可以使用：

document.querySelector('#app-mount > ul > li:nth-child(3)');