JS獲取html物件的幾種方式說明

2021-09-06 12:56:41 字數 733 閱讀 6516

document.getelementbyid("zx");

通過id獲取html元素物件,id號在html文件當中應該是唯一的。返回的是唯一element物件。並且所有瀏覽器都相容。

document.getelementsbytagname("span")[0];

通過標籤查詢html物件,由於html標籤在乙個頁面中可能重複很多次,所以當前頁面返回的是乙個陣列。可以根據標籤出現的位置定位元素的物件。所有瀏覽器都相容。

document.getelementsbyname("hh")[0];

通過name屬性來定位html物件,但是並不是所有標籤都有name屬性,但是我們可以人為的加上name屬性,這樣也可以定位到,由於name屬性可能有多個,不唯一。所以這個方法返回的也是乙個陣列,同樣我們也可以根據html當中name的位置,進行對name的定位。ie系列不相容,不推薦使用

innerhtml:這個方法是獲取該html元素的具體html**

document.getelementbyid("zx").innerhtml;

還可以更新元素的html**:

document.getelementbyid("zx").innerhtml="我們約會吧~";

JS獲取html物件的幾種方式介紹

document.getelementbyid zx 通過id獲取html元素物件,id號在html文件當中應該是唯一的。返回的是唯一element物件。並且所有瀏覽器都相容。document.getelementsbytagname span 0 通過標籤查詢html物件,由於html標籤在乙個頁...

JS獲取html物件的幾種方式說明

document.getelementbyid zx 通過id獲取html元素物件,id號在html文件當中應該是唯一的。返回的是唯一element物件。並且所有瀏覽器都相容。document.getelementsbytagname span 0 通過標籤查詢html物件,由於html標籤在乙個頁...

js之獲取物件型別的幾種方式

通過typeof typeof的所有返回值包括以下幾種 通過instanceof instanceof的原理是,判斷建構函式的原型是否在這個物件的原型鏈上。比如 1,2,3 instanceof object true 這是因為,1,2,3 是乙個array型別例項,即,1,2,3 的原型物件為ar...