什么是节点属性？比如一个 Input 元素，它有一些 class、id、name、value 等信息。这些信息就被称作为节点的属性，我们可以通过 DOM 获取和设定这些信息。
HTML 信息
JavaScript 代码
// 获取节点属性
var objInput = document.getElementsByTagName(“input”)[0];
console.log(objInput.type);
console.log(objInput.id);
console.log(objInput.name);
console.log(objInput.value);
console.log(objInput.className); // class 是 js 关键字，所以需要用 className
console.log(objInput.weight); // 非 W3C 属性，不能使用 .运算符获取
console.log(objInput.getAttribute(“weight”)); // 可以使用 getAttribute 方法
// 设置节点属性
objInput.value = “Hello JavaScript”;
objInput.className = “newClass”;
// objInput.setAttribute(“class”, “setAttribute newClass”);
objInput.setAttribute(“weight”, “200”);
// 获取属性节点列表，attr 将是一个
var attr = objInput.attributes;
console.log(attr);
console.log(attr.value);
作用效果
