DOM操作(二)

Apr 2, 2017


DOM对象属性

表单元素的属性

type、value、checked、selected、disabled

(行内样式)只要有这个属性,就起作用。 disabled:属性值为任意true类型的值时起作用。 selected:属性值为任意true类型的值时起作用。 checked:属性值为任意true类型的值时起作用。 js对以上属性的属性值做修改时,setAttribute()、removeAttribute()会改变DOM树结构; js中通过元素.属性名设置的属性值不修改DOM树。 在浏览器页面直接勾选元素,也不重新加载DOM树,所以js中大都使用第二种方法操作以上元素。

属性操作方法(两种)

两种方式不能交换使用,赋值和获取值必须使用用一种方法。 元素节点.属性(元素节点[属性]):绑定的属性值不会出现在标签上。 get/set/removeAttribut: 绑定的属性值会出现在标签上。

var div = document.getElementById("box");
div.a= "1";
div.setAttribute("b","2");
    
console.log(div.a);//1
console.log(div.getAttribute("a"));//null

console.log(div.b);//undifined
console.log(div.getAttribute("b"));//2

this