Javascript mencipta nod

Kaedah yang biasa digunakan untuk mencipta nod disenaraikan di bawah:

QQ截图20161013111044.png

Empat kaedah di atas adalah kesemua kaedah objek dokumen.

createElement()

createElement() digunakan untuk mencipta nod elemen, iaitu, nod dengan nodeType=1.

Sintaks:

    document.createElement(tagName)

Di mana tagName ialah nama tag HTML dan akan mengembalikan objek nod.

Sebagai contoh, penyataan untuk mencipta teg <div> dan teg <p> ;

var ele_p=document.createElement("p");

createTextNode()

createTextNode() digunakan untuk mencipta nod teks , iaitu, nod dengan nodeType=3 .

Sintaks:


    document.createTextNode(text)


Di mana teks ialah kandungan nod teks dan objek nod akan dikembalikan.

Contohnya, buat nod teks dengan kandungan "Ini ialah nod teks":

var ele_text=document.createTextNode(" 这是文本节点 ");


createComment()

createComment () Digunakan untuk mencipta nod komen, iaitu, nod dengan nodeType=8.

Sintaks:


    document.createComment(comment)

Di mana ulasan adalah kandungan ulasan dan akan mengembalikan objek nod.

Sebagai contoh, buat nod ulasan dengan kandungan "Ini ialah nod ulasan":


var ele_comment=document.createComment(" 这是一个注释节点 ");


createDocumentFragment()

createDocumentFragment ( ) digunakan untuk mencipta nod serpihan dokumen.

Nod serpihan dokumen ialah koleksi beberapa nod DOM, yang boleh merangkumi pelbagai jenis nod, seperti nod elemen, nod teks, nod ulasan, dsb. Nod serpihan dokumen kosong apabila ia dibuat, dan nod perlu ditambah kepadanya.


Sintaks:

     document.createDocumentFragment();

Contohnya, buat nod serpihan dokumen dan tetapkan kepada pembolehubah:

var ele_fragment=document.createDocumentFragment();
Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> </head> <body> <script type="text/javascript"> var main1 = document.body; //创建链接 function createa(url,text) { var alink = document.createElement("a"); alink.setAttribute("href",url); alink.innerHTML=text; return alink; } // 调用函数创建链接 main1.appendChild(createa("http://ask.php.cn","php中文网")); </script> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!