Bài 15: Các thuộc tính thường dùng trong DOM Document

Tiếp tục về DOM chúng ta sẽ tìm hiểu về các thuộc tính hay dùng trong đối tượng document.

1, Thuộc tính activeElement.

-Thuộc tính này có tác dụng trả về đối tượng HTML đang focus.

VD:

	
	
	
	



	
Click vào button hoặc input để xem kết quả
	
	

	button
	

	
		function getActive()
		{
            //lấy ra thẻ đang được focus
			var name = document.activeElement.tagName;
            // hiển thị
			document.getElementById('result').innerText = name;
		}
	

Xem Kết Quả

2, Thuộc tính anchors.

-Thuộc tính này trả về một mảng đối tượng các thẻ a trong trang (không chứa href).

VD:

	
	
	
	



	
click vào get để xem kết quả
	Toidicode

	facebook

	GET
	

	
		function getA()
		{
			//
			var length = document.anchors.length;
			document.getElementById('result').innerText = length;
		}
	

Xem Kết Quả

3, Thuộc tính Links.

-Trả về một mảng các đối tượng chứa các thẻ a, area có thuộc tính href trong trang.

VD:

  HTML

  CSS


Click vào GET để xem kết quả

GET




function myFunction() {
    var x = document.links.length;
    document.getElementById("demo").innerHTML = x;
}



 

Xem Kết Quả

4, Thuộc tính URL.

-Trả về đường dẫn của trang hiện tại.

VD:

	
	
	
	



	
click vào GET để xem kết quả
	GET
	

	
		function getA()
		{
			var length = document.URL;
			document.getElementById('result').innerText = length;
		}
	

Xem Kết Quả

5, Thuộc tính title.

-Trả về tiêu đều của trang hiện tại.

VD:

	
	
	
	



	
click vào GET để xem kết quả
	GET
	

	
		function getA()
		{
			var title = document.title;
			document.getElementById('result').innerText = title;
		}
	

Xem Kết Quả

6, Thuộc tính scripts.

-Trả về một mảng đối tượng chứa các thẻ script trong trang.

VD:

	
	
	
	



	
click vào GET để xem kết quả
	GET
	

	
		function getA()
		{
			var sum = document.scripts.length;
			document.getElementById('result').innerText = 'Có ' + sum + ' thẻ script';
		}
	

Xem Kết Quả

7, Thuộc tính readyState.

-Trả về trạng thái của trang. Bao gồm 4 trạng thái sau:

• uninitialized: Trang chưa được tải.
• loading: Trang đang được tải.
• loaded: Trang đã được tải.
• interactive: Trang đã tải xong nhưng thứ cần thiết.
• complete: Trang đã được tải đầy đủ nội dung.

VD:

	
	
	
	



	
click vào GET để xem kết quả
	GET
	

	
		function getA()
		{
			var status = document.readyState;
			document.getElementById('result').innerText = 'Trạng thái của trang: ' + status;
		}
	

Xem Kết Quả

8, Thuộc tính images.

– Trả về một mảng đối tượng chứa các thẻ img trong trang.

VD:

	
	
	
	



	
click vào GET để xem kết quả
	
	
	
	
	

	GET
	

	
		function getA()
		{
			var length = document.images.length;
			document.getElementById('result').innerText = 'Số thẻ img : ' + length;
		}
	

Xem Kết Quả

9, Lời kết.

-Như vậy mình đã giới thiệu đến mọi người một số thuộc tính thường dùng trong đối tượng document rồi, tuy nhiên trong đối tượng document này còn rất là nhiều các thuộc tính khác mà mình chưa giới thiệu. Các bạn ai quan tâm có thể xem tại đây.