masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

jQuery DOM nod dan sifat nod

Nod DOM boleh diperoleh dengan mudah melalui JavaScript untuk melaksanakan satu siri operasi DOM. Tetapi sebenarnya, kebanyakan pembangun terbiasa mentakrifkan struktur HTML terlebih dahulu, tetapi ini sangat tidak fleksibel.

Bayangkan keadaan ini: Jika kita boleh menentukan struktur selepas mendapatkan data melalui AJAX, situasi ini memerlukan pemprosesan dinamik nod

Artikel ini memperkenalkan cara menggunakan JavaScript Mencipta elemen nod div terutamanya termasuk dua bahagian: mencipta atribut elemen nod div dan mencipta gaya elemen nod div Saya percaya artikel ini pasti akan membantu anda memperoleh sesuatu.

Penciptaan nod

Proses penciptaan:                                                                                                   

Tambahkan pada dokumen

Mari kita lihat contoh 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <script>
        $(function(){
            var $li1 = $("<li>php中文网</li>");  //创建第一个li 标签
            var $li2 = $("<li>php.cn</li>");  //创建第二个li 标签

            $("ul").append($li1);  //添加到<ul>节点中，<ul>节点是<li>的父节点
        })
    </script>
</head>
<body>
    <ul></ul>

</body>
</html>
E

Seperti kod di atas , kami telah mencipta kandungan teks dalam dua label nod Kami biasanya memanggil nod teks

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <script> $(function(){ var $li1 = $("<li>php中文网</li>"); //创建第一个li 标签 var $li2 = $("<li>php.cn</li>"); //创建第二个li 标签 $("ul").append($li1); //添加到<ul>节点中，<ul>节点是<li>的父节点 }) </script> </head> <body> <ul></ul> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492423 permainan