DOM笔记

  • childNodes
    获取子节点,子节点只有一层
    由于兼容性问题需要nodeType来进行判断
    比如3是文本类型 1是元素类型所以一般要获取的时候会判断nodeType为1
  • children
    获取子节点
    兼容版的childNodes
  • parentNode
    获取父节点,不存在兼容性问题
  • offsetParent
    获取元素在页面上的实际位置
  • 首位获取子节点
    由于兼容问题 使用判断
    div.firstChild
    div.lastChild
    div.firstElementChild
    div.lastElementChild
  • 获取兄弟节点
    由于兼容问题 使用判断
    div.nextSibling
    div.nextElementSibling
    div.previousSibling
    div.previousElementSibling
  • 设置获取删除属性
    /// 设置元素属性 名称 值
    div.setAttribute("value",'66666')
    /// 获取元素属性
    div.getAttribute("id")
    /// 删除元素属性 名称
    div.removeAttribute('value')
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • DOM笔记获取元素获取指定元素获取子元素&兄弟元素&父元素获取第一&最后一个子元素节点操作克隆节点 - clone...
    believedream阅读 3,157评论 0 2
  • DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...
    magic_pill阅读 4,200评论 0 1
  • 原文 链接 关注公众号获取更多资讯 一、基本类型介绍 1.1 Node类型 DOM1级定义了一个Node接口,该接...
    前端进阶之旅阅读 9,369评论 7 34
  • 在教孩子们临习小楷的时候,顺便把他们不用的习作收起来,让孩子们试着做成一个有点意思的记录。结果还真有那么点意思。 ...
    孤山踏歌阅读 13,028评论 2 3
  • 1.原型链 基本思想:利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数,原型,实例之间的关系:每个...
    spicychocolate阅读 1,683评论 0 0