美文网首页
DOM节点的操作

DOM节点的操作

作者: Clayten | 来源:发表于2018-04-03 15:18 被阅读0次

1.查找节点

1.通过ID:document.getElementById()
2.通过className:document.getElementsByClassName();
3.通过tagName:document.getElementsByTagName();
4.通过父子节点:
4-1:firstChild:第一个孩子节点;
4-2:lastChild:最后一个孩子节点;
4-3:parentNode:父节点;
4-4:nextSibling: 下一个兄弟节点;
4-5:previousSibling:上一个兄弟节点;

2.创建节点

document.createElement(ele);ele:标签名

3.将创建的节点增加body中

document.body.appendChild(ele);追加到最后

4.复制节点

cloneNode();不能复制它的孩子节点

5.移除节点

removeChild()将指定的节点移除

相关文章

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • Dom操作

    操作节点 获取节点 获取子节点 更新DOM innerHTMLinnerTEXT 插入DOM appendChil...

  • 05-DOM相关知识点讲解

    DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...

  • JQuery---dom相关节点操作

    dom相关节点操作 /* DOM操作管理 属性...

  • 第十七章 DOM基础

    要点: DOM介绍 查找元素 DOM节点 节点操作 什么是 DOM? DOM即文档对象,针对HTML和XML文档的...

  • Vue解决了哪些问题

    虚拟 dom:dom 操作时非常耗性能的,不再使用原生的 dom 操作节点,极大的解放 dom 操作,但具体操作的...

  • DOM

    一.dom操作 dom的组成 元素节点属性节点文本节点 通过nodeType查看类型 1 元素节点 ,2 属性节...

  • DOM

    一、对象基础(补充) 二、DOM获取节点 三、间接获取节点 四、DOM节点的添加和删除 五、DOM属性操作 六、练...

  • DOM树知识点梳理

    1.HTML DOM2.获取节点的原生方法3.JS中的节点操作写几个常用的API, 来操作DOM节点。(1)doc...

  • jQuery-DOM篇

    DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...

网友评论

      本文标题:DOM节点的操作

      本文链接:https://www.haomeiwen.com/subject/frgthftx.html