DOM节点增删改操作

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>DOM节点增删改操作</title>
	</head>
	<body>
		<p id="s"><span id="ss">b</span><a id="sss">b</a></p>
	</body>

	<script type="text/javascript">
		/*除了cloneNode还有 appendChild()、insertBefore()、replaceChild()、removeChild()的用法*/
		var s=document.getElementById(‘s‘);
		var ss=document.getElementById(‘ss‘);
		var sss=document.getElementById(‘sss‘);
		var deepcopy=s.cloneNode(true);//深复制
		var lightcopy=s.cloneNode(false);//浅复制
		var deepparent= deepcopy.parentNode;
		console.log(deepcopy);
		console.log(lightcopy);
			console.log(deepparent);//null
		/*在参数为 true
的情况下，执行深复制，也就是复制节点及其整个子节点树；在参数为 false 的情况下，执行浅复制，
即只复制节点本身。
复制后返回的节点副本属于文档所有，但并没有为它指定父节点。
因此，这个节点
副本就成为了一个“孤儿”，除非通过 appendChild()、insertBefore()或 replaceChild()将它添加到文档中。*/
/*
 cloneNode()方法不会复制添加到 DOM 节点中的 JavaScript 属性，例如事件处
理程序等。这个方法只复制特性、（在明确指定的情况下也复制）子节点，其他一切
都不会复制。IE 在此存在一个 bug，即它会复制事件处理程序，所以我们建议在复制
之前最好先移除事件处理程序。
  */
	</script>
</html>

时间： 2024-11-05 21:50:04

DOM节点增删改操作的相关文章

JS DOM节点增删改查属性设置

一.节点操作增 createElement(name)创建元素 appendChild();将元素添加删获得要删除的元素获得它的父元素使用removeChild()方法删除改第一种方式: 使用上面增和删结合完成修改第二中方式: 使用setAttribute();方法修改属性使用innerHTML属性修改元素的内容查 <script type="text/javascript"> //在第一个div中动态增加一个a标签. 该a标签点击之后跳转到百度首页.

DOM访问HTML元素的方式，DOM访问表单控件的常用属性和方法，DOM访问列表框、下拉菜单的常用属性，DOM访问表格子元素的常用属性和方法，DOM对HTML元素的增删改操作

DOM访问HTML元素的方式为了动态地修改HTML元素,须先访问HTML元素.DOM主要提供了两种方式来访问HTML元素: 根据ID访问HTML元素:通过document对象调用getElementById()方法来查找具有唯一id属性值的元素. 利用节点关系访问HTML元素.常用的属性和方法如下: parentNode 返回当前节点的父节点 previousSibling 返回当前节点的前一个兄弟节点 nextSibling 返回当前节点的后一个兄弟节点 childNodes 返回当前节点的

6.DOM对HTML元素的增删改操作

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>节点的增删改操作</title> <script type="text/javascript"> function createNode(){ //创建一个li元素 var li = document.createElement(

JavaScript--DOM增删改操作

JavaScript使用DOM操作节点来进行增删改操作 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript操作DOM节点</title> <script type="text/javascript"> var flag = "帐号"; var flag1 = 0; funct

asp.net xml 增删改操作

1 user.xml 2 <?xml version="1.0" encoding="utf-8"?> 3 <user> 4 <person> 5 </person> 6 <person name="风拉" sex="男" age="25"> 7 <pass>123</pass> 8 <Address>大明<

【2017-05-02】winform弹出警告框是否进行增删改操作、记事本制作、对话框控件和输出输入流

一.winform弹出警告框是否进行增删改操作第一个参数是弹出窗体显示的内容,第二个参数是标题,第三个参数是该弹窗包含确定和取消按钮. 返回的是一个枚举类接收一下. 再进行判断,如果点的是确定按钮,再进行下一步的增删改操作. 二.记事本的制作 1.菜单工具栏MenuStrip-插入标准项 2.TextBox -显示部分小箭头 MultiLine 选中多行 Dock属性占满. 3.功能 - 撤销 - 剪切 - 粘贴 - 复制 - 删除 - 全选 - 时间 - 查找单独做一个窗体点击打开把主

详解连接SQL Server数据库的方法，并使用Statement接口实现对数据库的增删改操作

总结一下,连接SQL Server数据库需要以下几个步骤: 1. 导入驱动Jar包:sqljdbc.jar 2. 加载并注册驱动程序 3. 设置连接路径 4. 加载并注册驱动 5. 连接数据库 6. 操作数据库 7. 关闭连接代码如下: ******************连接数据库******************* 1 package zj6_Test; 2 import java.sql.*; 3 public class Zj6_3 { 4 /** 5 * 使用Statement接口

Jquery easyui开启行编辑模式增删改操作

来源:http://www.cnblogs.com/nyzhai/archive/2013/05/14/3077152.html Jquery easyui开启行编辑模式增删改操作先上图 Html代码: <table id="dd"> </table> 引入JS文件和CSS样式 <script src="http://www.cnblogs.com/Resources/jquery-easyui-1.2.3/jquery-1.4.4.min.js

表格的增删改操作

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>表格的增删改操作</title> <script type="text/javascript"> function createTable() { var body = document.getElementById(&quo