码迷,mamicode.com
首页 > 移动开发 > 详细

[简洁]JavaScript中添加、移除、移动、复制、创建和查找节点元素

时间:2019-02-16 13:48:04      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:创建元素   clone   一个   指定元素   java   指定   list   append   bsp   

查找:

  1. document.getElementsByTagName通过标签名获取元素,不论有多少个都返回元素集合。

  2. document.getElementsByClassName通过类名获取元素,同上返回集合。

  3. document.getElementById通过id属性名获取元素,返回元素对象

创建节点:document.createElementc创建元素节点,document.createTextNode创建文本节点

添加或移动节点:appendChild添加节点到指定元素内尾部,insertBefore添加元素通过基于指定元素位置之前加入,如果参数写的不是新创建的元素而是查找页面上已存在的元素则是移动如下图所示:

技术图片

 

技术图片

移除:父级.removeChild(父级内子元素),删除指定元素内的某一个子元素

复制:cloneNode()复制节点,如:元素对象.cloneNode(false)默认参数是false可以不写,false的话只克隆自身不包含元素内的子元素,true则连元素对象内的后代元素都复制下来。

[简洁]JavaScript中添加、移除、移动、复制、创建和查找节点元素

标签:创建元素   clone   一个   指定元素   java   指定   list   append   bsp   

原文地址:https://www.cnblogs.com/xiaolantian/p/10387386.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!