JS中attr和prop區別

2021-09-08 05:28:02 字數 648 閱讀 6790

一、attr和prop區別

attr 是從頁面搜尋獲得元素值,所以頁面必須明確定義元素才能獲取值,相對來說較慢。 

prop是從屬性物件中取值,屬性物件中有多少屬性,就能獲取多少值,不需要在頁面中顯示定義。 

二、attr和prop怎麼選擇?

對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。快速,準確。

對於html元素我們自己自定義的dom屬性,在處理時,使用attr方法。

三、例子

記住密碼

記住密碼

像checkbox,radio和select這樣的元素,選中屬性對應「checked」和「selected」,這些也屬於固有屬性,因此需要使用prop方法去操作才能獲得正確的結果。

$("#chke1").prop("checked");// false

$("#chke2").prop("checked");// true

$("#chke1").attr("checked"); //undefined

$("#chke2").attr("checked"); //"checked"

js中prop和attr區別

首先 attr 是從頁面搜尋獲得元素值,所以頁面必須明確定義元素才能獲取值,相對來說比較慢。如 input checkbox attr type 返回checkbox.input checkbox attr checked 返回undefined。因為中沒有checked關鍵字。prop是從屬性物件...

js中prop和attr區別

js中prop和attr區別 首先attr 是從頁面搜尋獲得元素值,所以頁面必須明確定義元素才能獲取值,相對來說比較慢。如 input checkbox attr type 返回checkbox.input checkbox attr checked 返回undefined。因為中沒有checked...

js中attr()和prop()的區別

1.所有的dom物件都有乙個attribute屬性,而prop可以操作屬性,所以也可以操作屬性節點 2.官方推薦 在操作屬性節點時,具有true和false兩個屬性的屬性節點,如checked,selected或者disabled使用prop 其他使用attr 因為,如果具有true和false兩個...