博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DOM元素对象的属性和方法(1)
阅读量:5295 次
发布时间:2019-06-14

本文共 1031 字,大约阅读时间需要 3 分钟。

一、accessKey()

  作用:获取元素焦点快捷键;设置快捷键后,使用Alt+快捷键,让元素快速获得焦点,

    element.accesskey    

 

结果:

二、addEventListener()

  作用:为元素添加事件句柄

    element.addEventListener    

结果:

三、appendChild()

  作用:在元素尾部追加新元素

    element.appendChild()    
  • 第一个元素
  • 第二个元素

结果:

四、attributes

  作用:返回元素属性数组

    DOM元素对象——>attribute:返回元素属性数组    
链接

结果:

五、childNodes

  作用:返回元素下子节点的数组,特别注意,属性不算节点

 

    childNodes    
文本节点

结果:

六、className

  作用:设置或返回元素class值

七、clientHeight

  作用:返回在页面上返回内容的可视高度(不包括边框,边距或滚动条)

八、clientWidth

  作用:返回在页面上返回内容的可视宽度(不包括边框,边距或滚动条)

九、cloneNode

  作用:克隆节点并返回副本

    cloneNode    
  • 文本节点0
  • 文本节点1

结果:

十、compareDocumentPosition

  作用:判断元素同参数对象的位置关系,返回关系值(num)

    cloneNode    
  • 文本节点0
  • 文本节点1

结果:

转载于:https://www.cnblogs.com/tanlifan/p/5987718.html

你可能感兴趣的文章
vue.js基础
查看>>
电脑的自带图标的显示
查看>>
globalization与全球化
查看>>
[转载] redis 的两种持久化方式及原理
查看>>
关于在Idea 创建Maven项目时,无法在source文件下创建servlet文件问题解决!
查看>>
对 HTTP 304 的理解
查看>>
深入理解css中的margin属性
查看>>
C++ 删除字符串的两种实现方式
查看>>
电容选型
查看>>
ORA-01502: 索引'P_ABCD.PK_WEB_BASE'或这类索引的分区处于不可用状态
查看>>
Spring EL hello world实例
查看>>
百度地图API地理位置和坐标转换
查看>>
MyBatis学习总结(六)——调用存储过程
查看>>
code-代码平台服务器路径
查看>>
离线安装 Visual Studio Express 而不下载整个镜像文件的方法(转载)
查看>>
2017-2018-2偏微分方程复习题解析10
查看>>
Java抽象类和接口的比较
查看>>
web技术工具帖
查看>>
一次性搞明白 service和factory区别
查看>>
select下拉二级联动
查看>>