Cómo javaScript y vue obtienen elementos

Tabla de contenido

JavaScript

1 Obtener por identificación

2 Obtener según el nombre de la etiqueta

3 Obtener a través del nuevo método de HTML5

Vue obtiene elementos y elementos hermanos, elementos principales

---

JavaScript

1 Obtener por identificación

get obtiene el elemento elemento por por

Devuelve un objeto de elemento

documento.getElementById('ID');

2 Obtener según el nombre de la etiqueta

obtener Obtener el elemento elemento por Etiqueta etiqueta Nombre nombre

Devuelve una colección de objetos con los nombres de etiqueta especificados almacenados como una pseudo-matriz

document.getElementsByTagName('标签名');

3 Obtener a través del nuevo método de HTML5

document.getElementsByClassName('nombre de la clase') debe subíndice porque la clase puede tener varios elementos

El parámetro querySelector('?') es un selector css que solo puede devolver un elemento (el elemento superior)

querySelectorAll('?') El parámetro es un selector css, que devolverá todas las colecciones del selector para obtener un solo elemento por subíndice

 

Vue obtiene elementos y elementos hermanos, elementos principales

Agregar referencia primero

	<div class="" ref="divBox">

obtener objeto

let a = this.$refs.divBox

Obtener método de nodo principal, secundario y hermano

var b = a.childNodes; 获取a的全部子节点
var c = a.parentNode; 获取a的父节点
var d = a.nextSbiling; 获取a的下一个兄弟节点
var d = a.nextElementSibling; 获取a的下一个兄弟节点
var e = a.previousSbiling;获取a的上一个兄弟节点
var e = a.previousElementSibling;获取a的上一个兄弟节点
var f = a.firstChild; 获取a的第一个子节点
var g = a.lastChild; 获取a的最后一个子节点