Nhận phần tử gốc JavaScript

Giả sử bạn có một danh sách lồng nhau và bạn muốn tìm phần tử cha đầu tiên có lớp là

var c = document.querySelector['#c'];

// Returns the #list element
c.parentNode;

1

	A
	
		B
		
			A2
			B2
			C2
			D2
		
	
	C
	D

Bạn có thể gọi phương thức

var c = document.querySelector['#c'];

// Returns the #list element
c.parentNode;

0 trên phần tử mà bạn muốn tìm phần tử cha phù hợp và chuyển vào bộ chọn làm đối số

var c2 = document.querySelector['#c2'];

// Returns the `#list` element
c2.closest['.top'];

Phương thức

var c = document.querySelector['#c'];

// Returns the #list element
c.parentNode;

0 cũng sẽ kiểm tra phần tử mà nó được gọi, vì vậy nếu phần tử

var c = document.querySelector['#c'];

// Returns the #list element
c.parentNode;

4 có lớp

var c = document.querySelector['#c'];

// Returns the #list element
c.parentNode;

1 trên đó, thì đó sẽ là kết quả phù hợp

Bạn có thể bắt đầu với phần tử cha đầu tiên bằng cách kết hợp thuộc tính

	A
	
		B
		
			A2
			B2
			C2
			D2
		
	
	C
	D

0 và phương thức

var c = document.querySelector['#c'];

// Returns the #list element
c.parentNode;

0 với nhau

________số 8

Đây là một bản demo khác

Tính tương thích của trình duyệt web

Thuộc tính

	A
	
		B
		
			A2
			B2
			C2
			D2
		
	
	C
	D

0 hoạt động trong tất cả các trình duyệt hiện đại và trở lại ít nhất là IE6

Phương pháp

var c = document.querySelector['#c'];

// Returns the #list element
c.parentNode;

0 hoạt động trong tất cả các trình duyệt hiện đại, nhưng không hỗ trợ IE. Bạn có thể đẩy hỗ trợ trở lại IE9 bằng một polyfill

Làm cách nào để có được lớp phần tử cha trong JavaScript?

Làm cách nào để lấy giá trị phần tử gốc trong JavaScript?

Làm cách nào để lấy tất cả phần tử gốc trong JavaScript?

Làm cách nào để lấy ID phần tử gốc trong JavaScript?