js层次选择器有getelementbyid、getelementsbytagname、getelementsbyclassname、queryselector、queryselectorall、parentnode、children、previoussibling和nextsibling等。详细介绍：1、getelementbyid，使用元素的id属性进行选择等等。
本教程操作系统：windows10系统、dell g3电脑。
javascript中的层次选择器可以用于选择和操作dom树中的元素，根据元素的层级关系进行选择。以下是javascript中常见的层次选择器：
1. getelementbyid：使用元素的id属性进行选择。通过给元素设置唯一的id属性，可以使用getelementbyid方法选择该元素。例如，`document.getelementbyid(myelement)`可以选择具有id为myelement的元素。
2. getelementsbytagname：使用元素的标签名称进行选择。通过指定元素的标签名称，可以使用getelementsbytagname方法选择具有该标签名称的所有元素。例如，`document.getelementsbytagname(div)`可以选择所有的 `<div>` 元素。
3. getelementsbyclassname：使用元素的类名进行选择。通过指定元素的类名，可以使用getelementsbyclassname方法选择具有该类名的所有元素。例如，`document.getelementsbyclassname(red)`可以选择所有具有类名为red的元素。
4. queryselector：使用css选择器进行选择。通过使用css选择器语法，可以使用queryselector方法选择满足指定条件的第一个元素。例如，`document.queryselector(.red)`可以选择第一个具有类名为red的元素。
5. queryselectorall：使用css选择器进行选择。与queryselector方法类似，queryselectorall方法选择满足指定条件的所有元素，并返回一个元素列表。例如，`document.queryselectorall(div)`可以选择所有的 `<div>` 元素。
6. parentnode：选择元素的父元素。通过使用parentnode属性，可以选择元素的直接父元素。例如，`element.parentnode`可以选择element元素的父元素。
7. children：选择元素的子元素。通过使用children属性，可以选择元素的直接子元素。例如，`element.children`可以选择element元素的所有子元素。
8. previoussibling：选择元素的前一个兄弟元素。通过使用previoussibling属性，可以选择元素的前一个兄弟元素。例如，`element.previoussibling`可以选择element元素的前一个兄弟元素。
9. nextsibling：选择元素的后一个兄弟元素。通过使用nextsibling属性，可以选择元素的后一个兄弟元素。例如，`element.nextsibling`可以选择element元素的后一个兄弟元素。
以上是javascript中常见的层次选择器，它们可以根据元素的层级关系来选择和操作dom树中的元素。通过合理地使用这些层次选择器，我们可以精确地选择和操纵特定的元素，实现丰富多样的效果，提升用户体验和页面的交互性。
以上就是js层次选择器有哪些的详细内容。