给DOM操作添加、移除元素

1、创建元素。createElement()
2、设置内容。createTextNode()
3、把它添加到DOM中。appendChild()

var newEl=document.createElement('li');//创建一个新的元素节点.
var newText=document.creatTextNode('wenben');//添加文本节点用来添加到元素中.
newEl.appendchild(newText);//将文本节点添加到新的元素节点中.
//在DOM树中选取一个用来插入这个新元素的节点.
var position=document.getElementsByTagName('ul')[0];
position.appendChild(newEl);//再次使用appendChild()方法把新元素及内容添加到DOM树中.

删除元素

var el=document.getElementsByTagName('li')[3];
var se=el.parentNode;//parentNode是其父元素.
se.removeChild(el);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 2,989评论 4 14
  • 什么是DOM??? DOM(Document Object Model 文档对象模型)是针对HTML和XML文档的...
    荧惑3_3阅读 1,423评论 0 1
  • 原文 链接 关注公众号获取更多资讯 一、基本类型介绍 1.1 Node类型 DOM1级定义了一个Node接口,该接...
    前端进阶之旅阅读 3,967评论 7 34
  • --ansible安装 yum -y install ansible 如果无法安装,先安装前置 [root@art...
    kikey阅读 564评论 0 51
  • 哈哈哈,今天领悟到了关于投射了吸引到同频同质的事物 有关吸引到同频同质的事物,我在老师的阿拉丁有看过也了解,只是我...
    午夜里的街灯阅读 305评论 0 0