document.querySelector('.mt-3')输出selector

抱歉，我可能没有理解您的问题。如果您想要使用 JavaScript 中的 `document.querySelector` 方法来获取具有 `class="mt-3"` 属性的元素的选择器，则可以使用以下代码：

const element = document.querySelector('.mt-3');
const selector = '.' + element.className.replace(/\s+/g, '.');
console.log(selector);

这将输出 `.mt-3`。请注意，如果元素具有多个类，则选择器将包含所有这些类，并用 `.` 分隔它们。

相关问题

document.querySelector([data-id])报错

根据提供的引用内容，querySelector选择器不识别开头为数字的选择器，因此在使用document.querySelector([data-id])时会报错。解决方案是在绑定id时前面加一个字母或者字符串，获取的时候也注意加上这个就可以了。例如，将代码中的:id="item.id"改为:id="'a'+item.id"，获取时将document.querySelector('#a' + btnMenuItem.id)。此外，在vue中使用时需要注意生命周期。

使用 document.querySelector拿到el-tree的前四个子节点

假设 el-tree 的 DOM 结构如下：

<el-tree>
  <el-tree-node>节点1</el-tree-node>
  <el-tree-node>节点2</el-tree-node>
  <el-tree-node>节点3</el-tree-node>
  <el-tree-node>节点4</el-tree-node>
  <el-tree-node>节点5</el-tree-node>
  <!-- ... -->
</el-tree>

可以使用 `document.querySelectorAll` 方法配合 CSS 选择器获取前四个子节点，如下所示：

const firstFourNodes = document.querySelectorAll('el-tree > el-tree-node:nth-child(-n+4)')

其中 `el-tree > el-tree-node:nth-child(-n+4)` 表示选择 `el-tree` 的直接子元素中前四个 `el-tree-node` 元素。使用 `querySelectorAll` 方法可以获取到一个 `NodeList` 类型的对象，可以使用 `Array.from` 方法将其转换为数组类型，如下所示：

const firstFourNodesArray = Array.from(firstFourNodes)

这样 `firstFourNodesArray` 数组中就包含了前四个 `el-tree-node` 元素。