1. 程式人生 > >attr 和 prop 的區別介紹

attr 和 prop 的區別介紹

attr 和 prop 的區別介紹:

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

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

例項 1:

<a href="https://www.runoob.com" target="_self" class="btn">菜鳥教程</a>

這個例子裡 <a> 元素的 DOM 屬性有: href、target 和 class

,這些屬性就是 <a> 元素本身就帶有的屬性,也是 W3C 標準裡就包含有這幾個屬性,或者說在 IDE 裡能夠智慧提示出的屬性,這些就叫做固有屬性。處理這些屬性時,建議使用 prop 方法。

<a href="#" id="link1" action="delete" rel="nofollow">刪除</a>

這個例子裡 <a> 元素的 DOM 屬性有: href、id 和 action,很明顯,前兩個是固有屬性,而後面一個 action 屬性是我們自己自定義上去的,<a> 元素本身是沒有這個屬性的。這種就是自定義的 DOM 屬性。處理這些屬性時,建議使用 attr

 方法。