zoukankan html css js c++ java

DOM元素的操作

<body>
    <div class="box">hello world</div>
</body>


 DOM元素操作：
     增
     var div = document.createElement("div")
     console.log(div);
     document.body.appendChild(div);
    
     删
     var obox = document.querySelector(".box")
     obox.remove()
     document.body.removeChild(obox)

     改
     var obox = document.querySelector(".box")
     console.log(obox.outerHTML)
     obox.outerHTML = "<span class='"+ obox.className +"'>"+ obox.innerHTML +"</span>"  

　　　console.log(obox.outerHTML) //<div class="box">hello world</div>
　　　但是程序中的div改成span
　　<span class="box">hello world</span>

 查：选择器

查询：选择器；

创建：createElement() 配合 appendChild() 将创建好的元素，插入到某个标签内的最后

删除：removeChild() 配合 parentNode

元素.remove() 直接删除当前元素

document.body.removeChild(div)；

修改: outerHTML

oh1.outerHTML = "<h2>" + oh1.innerHTML +"</h2>"

补充：创建文本节点createTextNode(“hello”)

使用方式同createElement()

查看全文

相关阅读:
磁盘及分区管理
 用户和文件权限管理
 分割文件命令split
去除重复命令uniq
数据连接命令join
数据剪切命令cut和数据粘贴命令pastte
排序命令sort
koa-router
koa入门
 require.ensure的用法;异步加载-代码分割;

原文地址：https://www.cnblogs.com/hy96/p/11401711.html