美文网首页
给DOM操作添加、移除元素

给DOM操作添加、移除元素

作者: 猿分让我们相遇 | 来源:发表于2017-07-15 16:58 被阅读0次

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);

相关文章

  • 给DOM操作添加、移除元素

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

  • 使用vue.js写一个tab选项卡

    通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加a...

  • JavaScript Node节点

    通过DOM,JavaScript可以动态移除或添加HTML元素。 添加HTML节点 要创建新的 HTML 元素,需...

  • 原生js的一些兼容封装

    获取Dom元素 获取样式表里的样式 添加和移除类名 添加(优化原生防止重复添加) 移除类(优化原生防止重复添加) ...

  • 23.Vue封装的过度与动画

    一、过度与动画 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 写法:准备好样式:元素进...

  • js知识

    DOM操作——怎样添加、移除、移动、复制、创建和查找节点 创建新节点 添加、移除、替换、插入 查找 ES6的了解说...

  • DOM节点操作以及节点属性

    DOM节点操作:增删改查。 (1)创建元素节点 (2)将节点对象添加到页面中 (3)移除节点 (4)复制节点 (5...

  • DOM操作

    主要内容: 一些常用的DOM操作:查询元素、创建元素并给元素添加/删除属性、添加/删除元素以及很常用的classL...

  • 封装的过度与动画

    1.作用:在插入、更新、移除 DOM 元素时,在合适的时候给元素添加样式类名2.写法:(1)准备好样式:v-ent...

  • vue学习(43)动画与过度

    知识点 在插入,更新或移除DOM元素时,在合适的时候给元素添加样式类名。 图示image.png 写法准备好样式元...

网友评论

      本文标题:给DOM操作添加、移除元素

      本文链接:https://www.haomeiwen.com/subject/eawehxtx.html