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>