JavaScript操作DOM

DOM(文档对象模型)

Js操作DOM时通常分为3类:DOMCore(核心)、HTML-DOM、CSS-DOM
DOM节点
JavaScript操作DOM_第1张图片

访问节点

使用getElement系列方法访问指定节点
getElementById()
getElementsByName()
getElementsByTagName()
根据层次关系访问节点
JavaScript操作DOM_第2张图片
FireFox下由于它会把标签之间的空格、换行等当成文本节点,为了准确找到相应的元素,使用以下属性
JavaScript操作DOM_第3张图片

节点信息

nodeName:节点名称
nodeValue:节点值
nodeType:节点类型
JavaScript操作DOM_第4张图片

操作节点

操作节点的属性
getAttribute(“属性名”)
setAttribute(“属性名”,“属性值”)

创建和插入节点
JavaScript操作DOM_第5张图片
删除和替换节点
在这里插入图片描述
操作节点样式
JavaScript操作DOM_第6张图片
JavaScript操作DOM_第7张图片
获取元素的样式
JavaScript操作DOM_第8张图片
获取元素位置
JavaScript操作DOM_第9张图片
JavaScript操作DOM_第10张图片

你可能感兴趣的:(JavaScript)