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

(1)创建新节点

      createDocumentFragment()    //创建一个DOM片段

      createElement()   //创建一个具体的元素

      createTextNode()   //创建一个文本节点

(2)添加、移除、替换、插入

      appendChild()

      removeChild()

      replaceChild()

      insertBefore() //在已有的子节点前插入一个新的子节点

(3)查找

      getElementsByTagName()    //通过标签名称

      getElementsByName()    //通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于name值的)

      getElementById()    //通过元素Id,唯一性

  

时间: 2024-10-26 15:54:40

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

DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。

DOM操作 --如何添加.移除.移动.复制.创建和查找节点等. (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2)添加.移除.替换.插入 (1)创建新节点 createDocumentFragment()    //创建一个DOM片段 createElement()   //创建一个具体的元素 createTextNode()   //创

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

DOM操作怎样添加.移除.移动.复制.创建和查找节点? (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2)添加.移除.替换.插入 appendChild() removeChild() replaceChild() insertBefore() //在已有的子节点前插入一个新的子节点 (3)查找 getElementsByTagName(

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

DOM怎样添加.移除.移动.复制.创建和查找节点// 创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 // 添加.移除.替换.插入 appendChild() removeChild() replaceChild() insertBefore() //在已有的子节点前插入一个新的子节点 // 查找 getElementsByTagName() //

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

(1). 创建新节点 1 createDocumentFragment() // 创建一个DOM片段 2 createElement() // 创建一个具体的元素 3 createTextNode() // 创建一个文本节点 (2). 添加.移除.替换.插入 1 appendChild() 2 removeChild() 3 replaceChild() 4 insertBefore() // 在已有的子节点前插入一个新的子节点 (3). 查找 1 getElementsByTagName()

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

(1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2) 添加.移除.替换.插入 appendChild() removeChild() redplaceChild() insertBefore() //在已有的子节点前插入一个新的子节点 (3) 查找 getElementsByTagName() //通过标签名称 getElementsByN

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

查找: document.getElementsByTagName通过标签名获取元素,不论有多少个都返回元素集合. document.getElementsByClassName通过类名获取元素,同上返回集合. document.getElementById通过id属性名获取元素,返回元素对象 创建节点:document.createElementc创建元素节点,document.createTextNode创建文本节点 添加或移动节点:appendChild添加节点到指定元素内尾部,inser

理解js的DOM操作

1.DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动.document.documentElement     返回文档的根节点<html> document.body     <body> document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement        返回鼠标移出的源节点(ie) event.toElement       返回鼠标移入的源节点(ie) event.srcElement 

js,jQuery和DOM操作的总结(一)

废话不说,直接上图 一 js的基本操作 (1)js 的六种数据类型 var n4;//六种数据类型用typeof来确定类型,Null类型的用typeof是不行的,这个是特殊 alert(typeof (n4)); var n1 = 123; alert(typeof n1); var n2 = "hahaha"; alert(typeof (n2)); var n3 = true; alert(typeof (n3)); var n5 = null; alert(String(n5))

页面性能优化和高频dom操作

一.DOM操作影响页面性能的核心问题 通过js操作DOM的代价很高,影响页面性能的主要问题有如下几点: 访问和修改DOM元素 修改DOM元素的样式,导致重绘或重排 通过对DOM元素的事件处理,完成与用户的交互功能 DOM的修改会导致重绘和重排. 重绘是指一些样式的修改,元素的位置和大小都没有改变: 重排是指元素的位置或尺寸发生了变化,浏览器需要重新计算渲染树,而新的渲染树建立后,浏览器会重新绘制受影响的元素. 页面重绘的速度要比页面重排的速度快,在页面交互中要尽量避免页面的重排操作.浏览器不会在