DOM-动态操作心得

这个知识点都是之前看过的,就当是复习了

一、创建元素的三种方法

　　第一种: document.write()

识别标签
但会覆盖之前内容

　　第二种: 用元素自身的innerHTML方法

不识别标签
但可以不覆盖之前内容
```
ul.innerHTML += "<li></li>";
```

　　第三种:利用DOM自身api创建元素

先var newLi = document.createElement("li")　　***()内传入的参数只写标签名字即可,不要写格式<li></li>***
newLi.innerHTML = "我是document.createElement方法创建的";
ul.appendChild(newLi);　　//添加到ul中 ***appendChild()是在父元素的最后面添加新创建的元素***
还可以用ul.innerinsertBefore(newLi,2);　　//***insertBefore()方法的第二个参数是获取到的指定节点,在该节点之前添加新创建的元素***

二、删除和替换

删除 removeChild() //直接传入要删除的子元素
替换 replaceChild() //父元素调用,第一个参数是新元素.第二个参数是要被替换的元素

ul.replaceChild(li3,li2);

替换方法,很少用,完全可以用删除再添加替代

三、克隆

node.cloneNode(); //被复制的节点来调用,参数是true时,深层复制,包括里边包含的其他子元素;参数是false,浅复制,只复制该元素本身

转载于:https://www.cnblogs.com/missjingjing/p/8541872.html

DOM-动态操作心得相关推荐

Javascript:DOM动态创建元素实例应用
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
VBS脚本和HTML DOM自动操作网页
本来是想通过JS实现对其他页面的控制,发现跨域无法获取页面DOM来操作.接着考虑bat,发现也实现不了,于是想到vbs.vbs还是很强大啊,病毒之类很多都是vbs脚本啊.vbs打开浏览器,然后通过do ...
04-老马jQuery教程-DOM节点操作及位置和大小
1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签.创建标签后,动态的给他添加属性.例如代码: // 动 ...
使用脚本动态操作 SVG 文档
本教程适用于那些希望使用可伸缩向量图形(SVG)创建交互式 SVG 图形的开发人员.它讨论了使用ECMAScript(JavaScript)对现有的 SVG 图像进行实时操作得技术. 本文主要介绍在 ...
html自动按键,VBS脚本和HTML DOM自动操作网页
本来是想通过JS实现对其他页面的控制,发现跨域无法获取页面DOM来操作.接着考虑bat,发现也实现不了,于是想到vbs.vbs还是很强大啊,病毒之类很多都是vbs脚本啊.vbs打开浏览器,然后通过do ...
前端：JS/28/CSS DOM动态样式（style对象，style 对象属性与CSS属性的转换），Event DOM，事件对象简介（DOM和IE中的Event对象），实例：点出满天小星星
CSS DOM动态样式使用JS操作CSS中的各个属性: JS只能操作或修改行内样式,如:imgObjstyle.border = "1px solid red"; 对于类样式,通 ...
使用avaScript脚本动态操作 SVG 文档
使用脚本动态操作 SVG 文档陈珂 (chenke@snmobile.com), 技术总监, 南京安元科技简介: 本教程适用于那些希望使用可伸缩向量图形(SVG)创建交互式 SVG 图形的开发人员 ...
Ant Design of Vue —— setFieldsValue方法动态操作Switch组件
在开发中经常使用Form组件管理表单,这次想通过form提供的setFieldsValue()方法动态改变Switch组件状态,却没有生效. 加入valuePropName属性之后,就可以使用动态操作 ...
C#--动态操作DataTable
C#动态操作DataTable(新增行.列.查询行.列等) 方法一:动态创建一个DataTable ,并为其添加数据 public void CreateTable() { ...
【学亮IT手记】jQuery DOM插入操作
DOM插入操作 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...

DOM-动态操作心得

这个知识点都是之前看过的,就当是复习了

一、创建元素的三种方法

第一种: document.write()

第二种: 用元素自身的innerHTML方法

第三种:利用DOM自身api创建元素

二、删除和替换

三、克隆

DOM-动态操作心得相关推荐

最新文章

热门文章