JS dom添加和删除

最新推荐文章于 2024-03-09 14:57:39 发布

念微，思恒

最新推荐文章于 2024-03-09 14:57:39 发布

阅读量123

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_69597039/article/details/124880806

版权

这里写自定义目录标题

课堂笔记``

one two

1234

点击登录

<script>
    var a = document.querySelector("#a");
    var b = document.querySelector("#a p");
    var c = document.querySelector("button");
    var but = document.querySelector("input");
    var d = document.createElement('h1');

    console.log(but)
    console.log(a)
    console.log(b)
    console.log(c)
    but.onclick = function() {
        a.removeChild(b)
        d.innerHTML = 'ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ'
        d.setAttribute("class", "h1")
        a.appendChild(d)

    }
    a.onclick = function() {
            a.removeChild(d)
            a.appendChild(b)
        }
        // a.onclick = function() {
        //     a.replaceChild(b, d)

    //     a.appendChild(b)
    // }
</script>