资讯专栏INFORMATION COLUMN

DOM操作基础事件

douzifly / 2839人阅读

摘要:结构两个节点之间可能存在哪些关系以及如何在节点之间任意移动返回文档的根节点返回浏览器返回当前文档中被激活的标签节点返回鼠标移出的源节点返回鼠标移入的源节点搜狐浏览器返回激活事件的源节点返回父节点返回所有子节点或返回第一个子节点返回最后一个

DOM结构 - 两个节点之间可能存在哪些关系以及如何在节点之间任意移动

返回文档的根节点:document.documentElement
返回:document.body

IE浏览器:
返回当前文档中被激活的标签节点:document.activeElement
返回鼠标移出的源节点:event.fromElement
返回鼠标移入的源节点:event.toElement

搜狐浏览器:
返回激活事件的源节点:event.target

返回父节点:node.parentNode,node.parentElement
返回所有子节点:node.childNodes或node.children
返回第一个子节点:node.firstChild
返回最后一个子节点:node.lastChild
返回指定节点之后紧跟的节点:node.nextSibling
返回指定节点前的紧跟节点:node.previousSibling

DOM操作——怎样添加、移除、移动、复制、创建和查找节点

1.创建新节点
创建DOM片段:createDocumentFragment()
创建一个具体的元素:createElement()
创建一个文本节点:createTextNode()

2.添加 | 移除 | 替换 | 插入
appendChild()
removeChild()
replaceChild()
insertBefore()

3.查找
通过标签名称查找:getElementsByTagName()
通过元素的Name属性的值:getElementsByName()
通过元素Id,唯一性:getElementById()

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

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

相关文章

  • javascript事件基础知识

    摘要:可选,布尔值,指定事件是否在捕获或冒泡阶段执行,默认冒泡。适用范围参数介绍必须,字符串,事件名称。必须,指定事件触发时执行的函数。事件冒泡事件冒泡与事件捕获恰恰相反,事件冒泡顺序是由内到外进行事件传播,直到根节点。 什么是事件 javascript与HTML之间交互就是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件在浏览器中是以对象的形式存在的,即event,...

    ad6623 评论0 收藏0
  • JavaScript 基础知识 - DOM篇(一)

    摘要:前言本篇文章是基础知识的篇,如果前面的基础知识入门篇看完了,现在就可以学习了。基本概念分为三个部分。在这个基础上使用一些新特性,高级浏览器支持,低级浏览器不支持。在对象中的属性是一个布尔值,只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...

    cuieney 评论0 收藏0
  • 【重温基础】20.事件

    摘要:本文是重温基础系列文章的第二十篇。事件捕获为截获事件提供机会,然后实际的目标接收到事件,最后事件冒泡,对事件作出响应。事件处理事件处理,即响应某个事件。包括导致事件的元素事件类型等其他信息。 本文是 重温基础 系列文章的第二十篇。 这是第三个基础系列的第一篇,欢迎持续关注呀! 重温基础 系列的【初级】和【中级】的文章,已经统一整理到我的【Cute-JavaScript】的Java...

    Blackjun 评论0 收藏0
  • 【JS基础DOM,BOM,事件绑定,ajax,跨域,存储

    摘要:常说的浏览器执行的包含两部分基础知识标准标准的内容包括事件绑定请求包括协议存储标准没有规定任何基础相关的东西。如果未经允许即可获取,那是浏览器同源策略出现了漏洞。 常说的JS(浏览器执行的JS)包含两部分 JS基础知识(ECMA 262 标准) JS-Web-API(W3C 标准) JS-Web-API的内容包括 DOMBOM事件绑定ajax请求(包括http协议)存储 W3C 标...

    zero 评论0 收藏0
  • 【连载】前端个人文章整理-从基础到入门

    摘要:个人前端文章整理从最开始萌生写文章的想法,到着手开始写,再到现在已经一年的时间了,由于工作比较忙,更新缓慢,后面还是会继更新,现将已经写好的文章整理一个目录,方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理 从最开始萌生写文章的想法,到着手...

    madthumb 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<