JavaScript 之 DOM [ Element对象 ]

xiaokai 发布于2019-08-23 11:35 / 3294人阅读

摘要：对象描述对象提供了访问页面元素的属性和方法节点和元素的区别在节点中元素节点属性节点文本节点都是独立存在的在元素中属性和文本与元素是一体的，相当于元素的一部分获取子元素通过定位父元素来获取子元素与获取节点不同，获取元素不存在空白问题表示获取第

Element对象 描述

Element对象提供了访问html页面元素的属性和方法

节点和元素的区别

在节点中：元素节点、属性节点、文本节点都是独立存在的

在元素中：属性和文本与元素是一体的，相当于元素的一部分

获取子元素

通过定位父元素来获取子元素

与获取节点不同，获取元素不存在“空白问题”

firstElementChild

表示获取第一子元素

lastElementChild

表示获取最后一个子元素

childElementCount

表示获取所有子元素的个数

children

表示获取所有子元素 - 会得到一个类数组

示例代码



    手机
    手表
    电脑

获取兄弟元素

通过定位指定子元素的位置来获取相邻兄弟元素

与获取节点不同，获取元素不存在“空白问题”

previousElementSibling

表示获取前一个兄弟元素

nextElementSibling

表示获取后一个兄弟元素

示例代码



    手机
    手表
    电脑

GPU服务器云服务器 javascript的dom对象删除dom对象 dom对象操作 javascript dom

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97175.html

Javascript之事件(一)

摘要：事件流事件流描述的是页面接收事件的顺序的事件流是冒泡流而的事件流是事件捕获流事件冒泡是指事件开始时由最具体的元素，然后向上传播到较为不具体的节点所有现代浏览器都支持事件冒泡则将事件一直冒泡到对象事件捕获是不太具体的节点应该更早接收到事件而具事件流事件流描述的是页面接收事件的顺序.IE的事件流是冒泡流,而 Netscape Communicator的事件流是事件捕获流. 事件冒泡是指...

?xiaoxiao, 2019-08-22 10:58 评论0 收藏0
JavaScript之内存回收&&内存泄漏

摘要：内存回收内存泄漏前言最近在细读高级程序设计，对于我而言，中文版，书中很多地方一笔带过，所以用自己所理解的，尝试细致解读下。内存回收在谈内存泄漏之前，首先，先了解下的内存回收机制。内存回收 && 内存泄漏前言：最近在细读Javascript高级程序设计，对于我而言，中文版，书中很多地方一笔带过，所以用自己所理解的，尝试细致解读下。如有纰漏或错误，会非常感谢您的指出。文中绝大部分内容...

dayday_up 2019-08-23 12:36 评论0 收藏0
JavaScript之Range--或许会有点用

摘要：不过在细说之前我们先了解一下。这时候就是发挥作用的地方了。可以将一个对象转化为对象。这四个属性可以定位一段被选中的文字。如上图，我们知道元素排列是一段一段的，这里的就是指的每个段，就是选中的位置。肯定是连续的，这样我们就可以定位一段完整的。 Range是JavaScript的内置对象，一般来讲用到的地方不是很多，主要是一些交互性比较强的场景可能会用到，比如高亮标注，用不到还好说，如果用...

stonezhu 2019-08-26 11:57 评论0 收藏0
【JavaScript】DOM之样式操作

摘要：样式操作获取内联样式以节点和元素的方法来获取指定的样式节点属性获取指定元素的属性元素属性获取指定的元素的属性对象以方法通过获取样式属性值该属性还具有属性得到对象属性获取当前元素中所有的样式属性内容字符串类型属性获取当前元素中样式属性的个数不样式操作获取内联样式以节点和元素的方法来获取指定的CSS样式 var div = document.getElementById...

Brenner 2019-08-29 16:34 评论0 收藏0
【JavaScript】DOM之样式操作

摘要：样式操作获取内联样式以节点和元素的方法来获取指定的样式节点属性获取指定元素的属性元素属性获取指定的元素的属性对象以方法通过获取样式属性值该属性还具有属性得到对象属性获取当前元素中所有的样式属性内容字符串类型属性获取当前元素中样式属性的个数不样式操作获取内联样式以节点和元素的方法来获取指定的CSS样式 var div = document.getElementById...

AJie 2019-08-23 11:36 评论0 收藏0