吴裕雄--天生自然 JAVASCRIPT开发学习:HTML DOM 元素 (节点)
2024-09-01 08:01:05
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另外一个段落。</p>
</div> <script>
var para = document.createElement("p");
var node = document.createTextNode("这是一个新的段落。");
para.appendChild(node); var element = document.getElementById("div1");
element.appendChild(para);
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另外一个段落。</p>
</div> <script>
var para = document.createElement("p");
var node = document.createTextNode("这是一个新的段落。");
para.appendChild(node); var element = document.getElementById("div1");
var child = document.getElementById("p1");
element.insertBefore(para, child);
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另外一个段落。</p>
</div> <script>
var parent = document.getElementById("div1");
var child = document.getElementById("p1");
parent.removeChild(child);
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另外一个段落。</p>
</div> <script>
var para = document.createElement("p");
var node = document.createTextNode("这是一个新的段落。");
para.appendChild(node); var parent = document.getElementById("div1");
var child = document.getElementById("p1");
parent.replaceChild(para, child);
</script> </body>
</html>
最新文章
- ADC测试matlab代码
- Red hat 6.4下面的qt安装
- ahjesus 让我的MVC web API支持JsonP跨域
- input 获取当前id,name
- 不要在初始化方法和dealloc方法中使用Accessor Methods
- SQL Server 数据库邮件 配置
- System.AccessViolationException: 尝试读取或写入受保护的内存 解决办法
- codeforces 598B Queries on a String
- nodejs中的路由
- js常用的字符串方法分析
- 在本机使用虚拟机安装一个linux系统,并搭建ftp服务器
- JavaJDBC整理
- can&#39;t open the mysql.plugin table. please run mysql_upgrade to create it.
- mssql sqlserver 使用sql脚本获取群组后,按时间排序(asc)第一条数据的方法分享
- The question that comes to mind
- Revit中如何给不同构件着色
- LeetCode168.Excel表列名称
- ReentrantReadWriteLock
- pageadmin CMS网站制作教程:
- LA 4636 积木艺术