(1)创建新节点 (2)添加、移除、替换、之前插入、之后插入、复制 appendChild() removeChild() replaceChild() //replaceChild(new_child,old_child) insertBefore() insertAfter() cloneNod ...
分类:
移动开发 时间:
2018-03-10 17:45:01
阅读次数:
437
前言: 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild 如 ...
分类:
Web程序 时间:
2018-02-26 23:27:14
阅读次数:
212
1. <!DOCTYPE html><html><body> <ul id="myList"><li>Coffee</li><li>Tea</li></ul> <p id="demo">请点击按钮向列表中添加项目。</p> <button onclick="myFunction()">亲自试一试</ ...
分类:
移动开发 时间:
2018-02-23 17:12:42
阅读次数:
3174
一、节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele_parent.appendChild(ele_img);删除节点:ele_parent.removeChild(ele_p);替换节点:ele_parent.replaceChi ...
分类:
Web程序 时间:
2018-02-20 18:23:03
阅读次数:
212
前面有讲过一些DOM的基本概念。 今天来说一下DOM 的一些基本操作,主要有创建节点,追加节点,删除节点。 1.创建DOM元素: createElement(标签名) —— 创建一个节点 appendChild(节点) —— 追加一个节点 2.插入元素: insertBefore(节点, 原有节点) ...
分类:
Web程序 时间:
2018-01-26 00:29:57
阅读次数:
219
jQuery的DOM操作方法均由原生方法appendChild和insertBefore拓展而来 1.jQuery.fn.append < > this.appendChild(ele) 2.jQuery.fn.prepend < > this.insertBefore(ele, this.firs ...
分类:
Web程序 时间:
2018-01-10 20:21:34
阅读次数:
166
1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2)添加、移除、替换、插入 appendChild() var node = dcument.c ...
分类:
移动开发 时间:
2017-12-14 17:56:00
阅读次数:
157
DOM元素对象 element.addEventLIstener\向指定元素添加element.appendChild为元素添加一个新的元素element.className 设置或者返回元素的classele.clientHeight 返回内容的可视高度ele.clientWidth 返回内容的可 ...
分类:
其他好文 时间:
2017-12-11 11:24:39
阅读次数:
153
获取非行内样式(兼容问题)n document.createElement() 创建一个元素节点n document.createTextNode() 创建一个文本节点n box.appendChild(node) 把node节点插入到box的内部最后的位置n box.insertBefore(newNode, exist
分类:
编程语言 时间:
2017-12-09 14:51:50
阅读次数:
121
将目标节点内部的子节点逆序 注意点:appendChild()为剪切性质的 ...
分类:
Web程序 时间:
2017-12-07 23:52:40
阅读次数:
293