JavaScript操作DOM对象

操作DOM

DOM：Document Object Model （文本对象模型）{

}

节点和节点关系：{

}

访问节点：{

使用getElement系列方法访问指定节点：{

getElementById()、getElementsByName()、getElementsByTagName()

}

根据层次关系访问节点：{

节点属性：

element属性：

兼容问题：

}

}

节点信息：{

}

操作节点：{

操作节点的属性

创建和插入节点

删除和替换节点

操作节点样式

获取元素的样式

操作节点的属性：{

getAttribute("属性名") ：得到属性

setAttribute("属性名","属性值")：添加属性

}

创建节点：{

}

删除和替换节点：{

需要从先找到父类然后再从父类删除子类

}

}

style属性：{

语法：HTML元素.style.样式属性＝"值"

示例：

该赋值样式是在行内进行赋值的
}

className属性：{

语法：HTML元素.className="样式名称"

示例：

该样式是在类里进行赋值改变样式

}

获取元素的样式：{

{

语法：HTML元素.style.样式属性;

示例：alert(document.getElementById("cartList").display);

}

{

语法：document.defaultView.getComputedStyle(元素,null).属性;

示例：

var cartList=document.getElementById("cartList");

alert(document.defaultView.getComputedStyle(cartList,null).display);（通用写法绝大部分浏览器可以兼容）

}

{

语法：HTML元素. currentStyle.样式属性;

示例：alert(document.getElementById("cartList").currentStyle.display);（兼容IE浏览器）

}

}

HTML中元素属性：{

元素属性应用：

语法：

document.documentElement.scrollTop;

document.documentElement.scrollLeft;

获取滚轮的垂直和水平滚动距离

var sTop=document.documentElement.scrollTop||document.body.scrollTop;

兼容写法

}

总结：{

}