在使用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...