首页 >

javascript dom 基本操作小结【javascript】

web前端|js教程javascript dom 基本操作小结【javascript】
dom,基本操作
web前端-js教程
自己平时可能也会经常遇到所以总结如下:
1,dom元素的创建
2,dom元素的插入
3,dom元素替换
4,dom元素的删除
24h秒赞源码,ubuntu改系统文件,tomcat影藏版本信息,免费学习爬虫,php读取按钮,小店区seo优化靠谱吗lzw
首先页面上有这么些简单的dom元素
物流信息门户站源码,ubuntu卸载gcc依赖,tomcat9加载不上驱动,python怎么封装爬虫,PHP和Java是不是脚本语言,互点通seolzw
  
网站建设html5源码,vscode退出虚拟环境,ubuntu终止语句,tomcat装哪个版本,python 爬虫 整理,php 字符串 相似度,智能化seo推广优势,jsp个人网站模板下载,移动网站 模板lzw
aaaaaaaa  

bbbbbbbb  

ccccccccc

接下来我们创建一个div元素,js代码:
var div_d = document.createElement(‘div’);
div_d.innerHTML = “dddddddd”;
div_d.id = “d”;
//这里不用innerText为了避免浏览器兼容引发一些问题;
然后把创建的这个id为d 的div插到dom元素id为b的div的前面
var div_wrap = document.getElementById(‘wrap’);
var div_b = document.getElementById(‘b’);
div_wrap.insertBefore(div_d,div_b);
如果直接插到id为wrap的子元素后面则可以这样:
div_wrap.insertBefore(div_d,null);

如果是替换掉div_b则如下:
div_wrap.replaceChild(div_d,div_b);
最后我们删除指定的一个元素id为b的div
div_b.parentNode.removeChild(div_b);
或者
document.body.removeChild(div_b);
后续可能有很多衍生的方法及应用这里暂时不继续写下去了


javascript dom 基本操作小结【javascript】
  • MySQL常用基本操作
  • MySQL常用基本操作 | MySQL常用基本操作 ...

    javascript dom 基本操作小结【javascript】
  • 电脑基本操作知识 办公室常用
  • 电脑基本操作知识 办公室常用 | 电脑基本操作知识 办公室常用 ...

    javascript dom 基本操作小结【javascript】
  • Php读取数据的基本操作
  • Php读取数据的基本操作 | Php读取数据的基本操作 ...