JavaScript暑期学习(二)

DOM

操作元素

  • 获取:getAttribute(名称)
  • 设置:setAttribute(名称、值)
  • 删除:removeAttribute(名称)

DOM节点

  • childNodes:子节点 具有兼容问题,有些版本浏览器会计算除元素节点外的文本节点
  • nodeType:节点类型,元素节点1,属性节点2,文本节点3
  • parentNode:父节点,上级元素 应用实例:点击链接隐藏元素
  • offsetParent:有定位的父节点 应用实例:获取元素在界面上的实际位置

创建DOM元素

  • createElement(标签名) 创建一个节点 [创建后要追加在父节点种,否则,页面不会显示)
  • appendChild(节点) 追加一个节点(例如为ul插入li)

插入元素

  • insertBefore(节点,原有节点) 在已有元素前插入(例如:倒序插入li)

删除DOM元素

removeChild(节点) 删除一个节点(例如:删除一个li)

文档碎片

  • 文档碎片可以提高DOM操作性能(理论上)
  • 实际上并不怎么用,基本不怎么提升速度
  • document.createDocumentFragment()

发表评论

电子邮件地址不会被公开。 必填项已用*标注