ネイティブJS実装のappend()メソッド

A. 使用jqueryのでは、アペンド()メソッドは、(まだ内部)選択された要素の末尾に指定されたコンテンツを挿入します

使用方法:$(セレクタ).append(コンテンツ)、コンテンツが必要です。挿入される所定のコンテンツ(HTMLタグを含んでいてもよいです)      

 

II。子ノードのリストの最後のノードに新しい子ノードを追加するには、appendChild()メソッドを使用して、ネイティブのJSを使用する場合は、

用法:parent.appendChild(子);子が引用符、子パラメータ、ノードタイプではありません。動的要素がdocument.body.appendChild(子)を使用する空のドキュメントを作成します。 

 

三つの例:

<HTML>
<HEAD>
<メタのcharset = "UTF-8" />
<タイトル> </ TITLE>
<スタイル>

.TEST {

色:赤。

国境:1pxの固体赤。

表示:インラインブロック。

フォントサイズ:20ピクセル;

幅:200pxの。

高さ:は50px;

}

</スタイル>

</ head>の

<身体>

<P ID =「P1」>のappendChildの方法は</ P>の終了時に親ノードの新しい子ノードを追加することである
<P ID =「P2」> jQueryの追記方法は、選択された要素の端部(静止内部の)指定されたコンテンツ</ P>に

</ BODY>

<SCRIPT SRC = "スクリプト/ jqueryの-1.11.3.js"> </ SCRIPT>
<スクリプト>
// jqueryの使用して実装
$(関数(){
$( "#のP2")。バインド( "クリック"、機能を(){
$(この).append( "<strong>の---私が達成されたjQueryの</強い>");
})
})
// JS実施バージン
window.onload =関数(){
VAR =のdocument.getElementById POBJ( 'P1');
pobj.onclick =関数(){
VAR strongobj =のdocument.createElement( '強い');
VAR = textobj document.createTextNode(「---- I jsがネイティブを使用して達成「);
pobj.appendChild(strongobj.appendChild(textobj));
}
}
</ SCRIPT>
</ HTML>

おすすめ

転載: www.cnblogs.com/nuanyang76/p/12071442.html