DOM获取父元素下非最后一个元素的子元素

可以使用querySelectorAll方法结合CSS选择器实现：

const parent = document.querySelector('.parent');
const children = parent.querySelectorAll('.child:not(:last-child)');

上述代码中，首先获取父元素`.parent`，然后使用`querySelectorAll`方法选择所有符合条件的子元素`.child`，并且排除最后一个子元素`:not(:last-child)`。最终得到的是一个NodeList对象，包含了所有符合条件的子元素。

相关问题

js获取子dom元素在父元素中的索引

要获取一个子元素在其父元素中的索引，可以使用以下代码：

var parent = document.getElementById("parent");
var child = document.getElementById("child");
var index = Array.prototype.indexOf.call(parent.children, child);

其中，`parent` 是父元素的 DOM 对象，`child` 是子元素的 DOM 对象，`index` 是子元素在父元素中的索引。

这里使用了 `Array.prototype.indexOf` 方法，将 `parent.children` 转换成了一个类数组对象，然后在其中查找子元素的索引。注意，这个方法在旧版的 IE 浏览器中可能不支持，需要做兼容处理。

vue父组件获取子组件 dom元素

在Vue中，父组件可以通过使用`$refs`引用子组件并访问其DOM元素。你可以给子组件添加一个`ref`属性，然后在父组件中使用`$refs`来获取子组件的引用，进而访问其DOM元素。

下面是一个示例，展示如何在父组件中获取子组件的DOM元素：

<template>
  <div>
    <child-component ref="childRef"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  mounted() {
    // 在mounted生命周期钩子中获取子组件的DOM元素
    const childElement = this.$refs.childRef.$el;
    console.log(childElement);
  }
}
</script>

在上面的代码中，我们首先在父组件的模板中使用`<child-component>`标签添加子组件，并给它添加了`ref`属性。然后在父组件的`mounted`生命周期钩子中，我们使用`this.$refs.childRef`来获取子组件的引用，再通过`.el`访问其DOM元素。