API-03

节点操作
image.png

查找节点

父节点查找: parentNode 属性 语法:子元素 . parentNode
image.png
image.png

子节点查找:children (重点)获得所有元素节点 返回的还是一个伪数组


image.png

image.png

兄弟关系查找:
下一个兄弟节点 nextElementSibling 属性
上一个兄弟节点 previousElementSibling 属性


image.png
增加节点

创建节点


image.png

追加节点


image.png

image.png

克隆节点


image.png

image.png

删除节点
如不存在父子关系则删除不成功
删除节点和隐藏节点(display:none) 有区别的: 隐藏节点还是存在的,但是删除,则从html中删除节点


image.png

image.png
时间对象

创建时间对象


image.png

时间对象方法


image.png

image.png

时间戳


image.png
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以后是对于初学者有帮助的一些JS的方法API,使用即说明 ■JS组成■1,ECMAScript : js的核心标准...
    简爱的三年阅读 862评论 0 0
  • 1 什么是DOM 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义...
    YyzclYang阅读 1,861评论 0 0
  • 原文 链接 关注公众号获取更多资讯 一、基本类型介绍 1.1 Node类型 DOM1级定义了一个Node接口,该接...
    前端进阶之旅阅读 3,975评论 7 34
  • 什么是 WEB API ? 答:就是一套专门用来操作网页的方法和属性。 通过document获取网页的某个元素 1...
    MISS___MISS阅读 706评论 0 0
  • 原文地址:http://luopq.com/2015/11/30/javascript-dom/ 文本整理了jav...
    鹧鸪少阅读 359评论 0 1