DOM API direka bentuk dengan cara ini. Unsur induk body 就是 h1 . Walaupun h1 是一个 Element ，但是这个方法都是继承了 Node . Node.insertBefore() Tatabahasa var insertedElement = parentElement.insertBefore(newElement, referenceElement); | | | | 被插入的节点 | 被插入的节点 | 新插入节点的父节点 | 插入newElement之前的那个节点 Parameter dan nilai pulangan insertedElement 是被插入的节点，即 newElement parentElement ialah nod induk bagi nod yang baru dimasukkan newElement ialah nod yang dimasukkan elemen rujukan Nod sebelum memasukkan referenceElement 在插入 newElement Lihat Node.removeChild lagi Tatabahasa let oldChild = node.removeChild(child); // OR element.removeChild(child); Parameter child ialah nod anak yang akan dialih keluar. node ialah nod induk kanak-kanak. oldChild 保存对删除的子节点的引用. oldChild === child .

javascript - Apabila memadam DOM menggunakan removechild, anda perlu mendapatkan elemen induk terlebih dahulu, tetapi apabila memasukkan sebelum ini, anda tidak perlu pergi ke elemen induk. dan boleh digunakan terus-Soal Jawab Rangkaian PHP Cina

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    
    <button id='btn'>创建元素</button>
    
    <script type="text/javascript">
        
        var btn = document.getElementById('btn');
        
        //注册点击事件
        btn.onclick = function(){
            //创建一个元素
            var h1 = document.createElement('h1');
            h1.innerHTML = "这是新增h1标签";

            console.log( h1 );

            //使用appendChild的方式
            //document.body.appendChild( h1 );
            
            //使用insertBefore的方式
            //是在父元素中，先找一个节点，然后插入到它之前
            document.body.insertBefore(h1,btn); //新插入的节点是h1，作为第一个参数
        }

    </script>
</body>
</html>

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    
    <p id="box">
        <h2>删除操作</h2>
        <p>段落1</p>
    </p>
    
    <button id='btn'>删除</button>
    
    <script type="text/javascript">
        
        //找父节点p
        //var box = document.getElementById('box');
        //找子节点h2
        var h2 = document.getElementsByTagName('h2')[0];
        
        var btn = document.getElementById('btn');
        btn.onclick = function() {
            //box.removeChild( h2 );
            h2.parentNode.removeChild( h2 );
        }
    </script>

</body>
</html>

Tatabahasa

membalas semua(2)

过去多啦不再A梦2017-06-14 10:55:43 Tingkat 2

DOM API direka bentuk dengan cara ini.

Unsur induk

body 就是 h1.

Walaupun h1 是一个 Element，但是这个方法都是继承了 Node.

Node.insertBefore()

Parameter dan nilai pulangan

insertedElement 是被插入的节点，即 newElement
parentElement ialah nod induk bagi nod yang baru dimasukkan
newElement ialah nod yang dimasukkan
elemen rujukan Nod sebelum memasukkan referenceElement 在插入 newElement

Lihat Node.removeChild lagi

let oldChild = node.removeChild(child);

// OR

element.removeChild(child);

Parameter

child ialah nod anak yang akan dialih keluar.
node ialah nod induk kanak-kanak.
oldChild 保存对删除的子节点的引用. oldChild === child.

Suka +0

Tambah Balasan

迷茫2017-06-14 10:55:43 Tingkat 1

badan juga merupakan unsur.

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

Tatabahasa

Parameter dan nilai pulangan

Tatabahasa

Parameter