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
bahagian seterusnya