设置、获取和删除 DOM 元素的属性

获取输入框字段的值或 a 标签的href，了解如何使用元素属性

---

尽管jQuery提供了一种额外的方法来设置和获取元素属性值，但原生的JavaScript中却没有这种方法。 元素属性（例如href，title，alt和value）可以作为JavaScript对象属性直接访问：

示例如下:

var el = document.querySelector('a');
console.log(el.href);
if (el.title != 'foo') el.title = 'foo';

var inp = document.querySelector('input[type="text"]');
console.log(inp.value);
inp.value = 'Hello World!';
      

HTML属性（例如class或href）直接绑定到其元素的属性。 同理，如果更改属性，则dom属性也会更改。

你还可以创建自定义属性

var el = document.querySelector('div');
el.foo = { bar: true };
console.log(el.foo);
      

如果要删除此类属性，请使用delete语句:

delete el.foo;