JS中Attribute和property的區別

2021-08-26 23:39:52 字數 2221 閱讀 1457

在使用angular中的資料繫結時,發現對html屬性和dom屬性不是很清楚,順便屢屢清楚這二者的區別。

attribute:html屬性,書寫在標籤內的屬性,使用setattribute()和getattribute()進行設定和獲取。

property:dom屬性,html標籤對應的dom節點屬性,使用 .屬性名 或者 ['屬性名']進行設定和獲取。

如上可以看到html屬性有:id、class、value、placeholder,通過attributes屬性,也可以看到html屬性,如下:

從輸出結果可以看出,不管是修改attribute還是property都會影響到對方的屬性值。

【注意點】

1、value屬性,不存在對映關係,property的修改和attribute的修改,都不會影響到對方。

從輸出結果可以看出,如果不對attribute上的value屬性進行修改的話,那麼,attribute上的value屬性一直保留初始值,而property的上的value值是當前值,也就是在input上輸入的值改變,那麼property上的值也會跟著改變。

自定義的屬性,在property上是不存在的,修改或者獲取都只能通過setattribute()或getattribute()

js中的attribute詳解

attribute是屬性的意思,文章僅對部分相容ie和ff的attribute相關的介紹。attributes 獲取乙個屬性作為物件 getattribute 獲取某乙個屬性的值 setattribute 建立乙個屬性,並同時給屬性 乙個值 createattribute 僅建立乙個屬性 remov...

C 中Property和Attribute的區別

c 中property和attribute的區別 attribute 字段 property 屬性 get set 屬性的正常寫 private string name public string name set 簡寫 自動屬性 public string name 然後 編譯器 會轉換成 正常寫...

Attribute 和 Parameter 的區別

request.getparameter取得web客戶端 jsp 到web服務端的http請求資料 get post 只能是string型別的,而且httpservletrequest沒有對應的setparameter 方法。如利用href url 和form請求伺服器時,表單資料通過paramet...