jQuery DOM節(jié)點(diǎn)和節(jié)點(diǎn)屬性
透過(guò)JavaScript可以很方便的取得DOM節(jié)點(diǎn),從而進(jìn)行一系列的DOM操作。但其實(shí)一般開(kāi)發(fā)者都習(xí)慣性的先定義好HTML結(jié)構(gòu),但這樣就非常不靈活了。
試想下這樣的情況:如果我們透過(guò)AJAX取得到資料之後才能確定結(jié)構(gòu)的話,這種情況就需要?jiǎng)討B(tài)的處理節(jié)點(diǎn)了
本文向大家介紹一下如何使用JavaScript建立div節(jié)點(diǎn)元素,主要包含建立div節(jié)點(diǎn)元素的屬性和建立div節(jié)點(diǎn)元素的樣式兩大部分內(nèi)容,相信本文介紹一定會(huì)讓你有所收穫。
節(jié)點(diǎn)的建立
????建立流程:??? ????
????????????
????????????加入文件中下面我們來(lái)看一個(gè)例子<!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中文網(wǎng)</li>"); //創(chuàng)建第一個(gè)li 標(biāo)簽 var $li2 = $("<li>php.cn</li>"); //創(chuàng)建第二個(gè)li 標(biāo)簽 $("ul").append($li1); //添加到<ul>節(jié)點(diǎn)中,<ul>節(jié)點(diǎn)是<li>的父節(jié)點(diǎn) }) </script> </head> <body> <ul></ul> </body> </html>如上程式碼,我們就已經(jīng)創(chuàng)建了兩個(gè)節(jié)點(diǎn)??? 標(biāo)籤中的文字內(nèi)容,通常稱為文字節(jié)點(diǎn)
##