getAttribute

2023年07月18日

柏拉文

越努力，越幸运

一、认识

---

**element.getAttribute()**返回元素上一个指定的属性值。如果指定的属性不存在，则返回 null 或 "" （空字符串）

二、语法

---

let attribute = element.getAttribute(attributeName);

三、场景

---

四、对比

---

4.1 attribute vs property

• 针对 class:

  • DOM property: .className

  • HTML Attribute: getAttribute('class')

• 针对input 的 value:

  • DOM property: .value 视图、值同时更新

  • HTML Attribute: 如果没有 property value , 则提供默认值, 值更新不影响视图的更新

• 针对textarea 的 type:

  • DOM property: .type 无法获取

  • HTML Attribute: getAttribute('type')

• 针对textarea 的 value:

  • DOM property: .value 无法获取

  • HTML Attribute: getAttribute('value') 无法获取