jQuery DOM ノードとノードのプロパティ
JavaScript を介して DOM ノードを簡(jiǎn)単に取得して、一連の DOM 操作を?qū)g行できます。しかし実際には、ほとんどの開(kāi)発者は最初に HTML 構(gòu)造を定義することに慣れていますが、これは非常に柔軟性に欠けます。
次の狀況を想像してください: AJAX を通じてデータを取得した後に構(gòu)造を決定できる場(chǎng)合、この狀況ではノードの動(dòng)的な処理が必要になります
この記事では、JavaScript を使用して div ノード要素を作成する方法を紹介します。主に作成を含みます。大きく 2 つの部分があります。 div ノード要素の屬性と div ノード要素の作成スタイルについては、この記事が必ず何かを得るのに役立つと思います。
ノードの作成
作成プロセス:
-例を見(jiàn)てみましょう
<!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>上記のコードでは、ラベル內(nèi)のテキスト コンテンツは通常テキストと呼ばれます。ノード
