JS中的DOM
来源:互联网 发布:mac免费打谱软件 编辑:程序博客网 时间:2024/05/21 11:03
JavaScript HTML DOM 元素(节点)
创建新的 HTML 元素
如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
实例:
<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>
例子解释:
这段代码创建新的 <p> 元素:
var para=document.createElement("p");
如需向 <p> 元素添加文本,您必须首先创建文本节点。这段代码创建了一个文本节点:
var node=document.createTextNode("这是新段落。");
然后您必须向 <p> 元素追加这个文本节点:
para.appendChild(node);
最后您必须向一个已有的元素追加这个新元素。
这段代码找到一个已有的元素:
var element=document.getElementById("div1");
这段代码向这个已有的元素追加新元素:
element.appendChild(para);
删除已有的 HTML 元素
如需删除 HTML 元素,您必须首先获得该元素的父元素:
<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>
例子解释:
这个 HTML 文档含有拥有两个子节点(两个 <p> 元素)的 <div> 元素:
<div id="div1"><p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>
找到 id="div1" 的元素:
var parent=document.getElementById("div1");
找到 id="p1" 的 <p> 元素:
var child=document.getElementById("p1");
从父元素中删除子元素:
parent.removeChild(child);
- js 中的dom操作
- JS中的DOM简介
- JS中的DOM事件
- js中的DOM
- JS中的DOM
- js中的DOM
- Js中的DOM事件
- js中的DOM编程
- js操作iframe中的dom
- JS中的DOM方法大全
- JS中的BOM和DOM
- js中的DOM操作汇总
- Html-js中的DOM操作
- js中的DOM操作汇总
- js中的DOM操作汇总
- 怎么理解js中的 dom 对象
- js中的DOM常用语句总结
- 精通js之 处理DOM中的空格
- 图像显著性区域提取[2]-特征提取
- 对象的内存布局和访问方式
- Qt各版本官方下载地址
- 动态规划解决0-1背包问题
- Android百度地图实例详解之仿摩拜单车APP(包括附近车辆、规划路径、行驶距离、行驶轨迹记录,导航等)
- JS中的DOM
- JDK并发包中的线程池(一)
- SpringMVC学习笔记(含案例分析)
- 5.1 线性相位FIR滤波器的特性
- background的使用
- windows 信号量
- java基础学习一
- 宽度优先爬虫
- STM32F4的窗口看门狗WWDG