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;

兼容写法

}

总结:{

}

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页