Javascript DOM 基础篇 01
时间:2022-03-21 06:20
DOM基础 DOM是什么 答:文件对象模型(Document Object Model,简称DOM),DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构!来自网络 本节了解了下面知识点: DOM节点 childNodes nodeType 获取子节点 children parentNode 例子:点击链接,隐藏整个li offsetParent 例子:获取元素在页面上的实际位置 DOM节点(2) 首尾子节点 有兼容性问题 firstChild、firstElementChild lastChild 、lastElementChild 兄弟节点 有兼容性问题 nextSibling、nextElementSibling previousSibling、previousElementSibling 元素属性操作 第一种:oDiv.style.display=“block”; 第二种:oDiv.style[“display”]=“block”; 第三种:Dom方式 DOM方式操作元素属性 获取:getAttribute(名称) 设置:setAttribute(名称, 值) 删除:removeAttribute(名称) 用className选择元素 如何用className选择元素 选出所有元素 通过className条件筛选 封装成函数
Javascript DOM 基础篇 01,gxlsystem