元素之间的，创建，赋值属性，替换，添加，删除，获取父节点，以及获取获取父节点的所有元素和节点

最新推荐文章于 2022-07-14 19:34:49 发布

qq_42249952

最新推荐文章于 2022-07-14 19:34:49 发布

阅读量411

点赞数

分类专栏：元素文章标签：元素

本文链接：https://blog.csdn.net/qq_42249952/article/details/80384736

版权

这篇博客介绍了如何使用JavaScript进行DOM操作，包括创建元素、设置属性、插入元素、替换元素、删除元素以及获取父节点的方法。通过实例展示了如何动态改变页面内容，如创建新的输入框、在表格中添加行等。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>


<script type="text/javascript">
    function tn(){
        var input1 = document.createElement("input");//创建一个元素；
        var div1 = document.getElementById("div1");
        input1.setAttribute("type", "text");
        div1.appendChild(input1)
    }
    function dn() {
        //插入某个元素，在什么元素之前
        var div1 = document.getElementById("div1");
        var img1 = document.getElementById("img1");  //获取要插入的元素
        var text1 = document.createElement("input");//创建一个元素；
        text1.setAttribute("type", "text") ;  //添加属性，已有属性只能添加，没有可以创建自定义属性
        div1.insertBefore(text1, img1);//前面是要插入的元素，后边是被插入的元素，会插入此元素之前