博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DOM操作之--元素的创建,添加,删除
阅读量:7240 次
发布时间:2019-06-29

本文共 554 字,大约阅读时间需要 1 分钟。

在页面创建元素

 
var
t1
=
document.createElement(
"h1"
);
t1.textContent
=
"这是通过js设置的标题"
;
document.body.appendChild(t1);
 
// createElement创建一个元素对象,参数是要创建的元素名字,返回值是创建的元素对象
// 元素对象,appendChild方法表示为这个元素添加一个子元素,参数是要添加的子元素对象,被添加的子元素会排列在最后
创建ul与li
 
var
ul
=
document.getElementById(
"list"
);
var
l1
=
document.createElement(
"li"
);
l1.textContent
=
"这里添加一个li"
;
ul.appendChild(l1);
 
插入元素
// 为元素对象添加一个子元素,插入到另一个元素之前,第一个参数表示要添加的元素对象,第二个元素表示添加在谁之前
ul.insertBefore(li, li2);
删除元素
// 元素对象.remove方法:从DOM对象中删除这个元素
// ul.remove();
 
// 删除元素对象的某个子元素
document.body.removeChild(ul);

转载地址:http://vtfbm.baihongyu.com/

你可能感兴趣的文章
UVA1452|LA4727-----Jump------经典的约瑟夫公式的变形(DP)
查看>>
Android SDK安装教程
查看>>
sourceinsight 相对路径设置
查看>>
mysql describe
查看>>
程序员的自我修养 学习笔记(5)
查看>>
DNS安全浅议、域名A记录(ANAME),MX记录,CNAME记录 专题
查看>>
数据字典生成工具之旅(9):多线程使用及介绍
查看>>
Java编程思想学习笔记——注解
查看>>
使用HTML5新特性Mutation Observer实现编辑器的撤销和撤销回退操作
查看>>
Java可变参数传递中可以接收多个对象
查看>>
Python中的正则表达式(re)
查看>>
2016 新学++ , 回顾过去展望未来
查看>>
让你在DOS中任意切换目录
查看>>
较完整的轮播图特效
查看>>
微信公众开发接入服务器的接口配置信息
查看>>
deployment与Web应用程序部署
查看>>
详解iOS多图下载的缓存机制
查看>>
关于CAE的那点儿破事儿
查看>>
prometheus + grafana安装部署(centos6.8)
查看>>
排序算法之快速排序
查看>>