国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

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)

##
繼續(xù)學(xué)習(xí)
||
<!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>
提交重置程式碼