ImpressCMS
HOME  >  JSCRIPT  > 要素の様々な情報の取得と設定(1) > append() : 要素の最後に追加する

11 - 7 : append() : 要素の最後に追加する

DOM要素の中の最後に、指定された文字列、html文書、DOM要素、スクリプトなどを追加することができます。
書式:    $(‘要素名’).append(追加する内容);
今回は、idがtuikaのdiv要素に1つめが文字、2つ目が改行(<br />)を含めたhtml文書、3つ目をidがchildという名前の<div>要素を追加しましょう。
        $('#tsuika').append("追加する文字です。");
        $('#tsuika').append("改行付きの文字です<br />");
        $('#tsuika').append('<div id="child">');
記入後ファイルを開いた際、「追加する文字です改行付きの文字です」と表示され、ulの中の部分のhtmlがすべてポップアップされ、idがchildのdiv要素が追加されていることを確認してみてください。確認はブラウザのデバッグウインドウでできます。

 
Publish : 1163 bytes - updated 2024-07-10 by 管理人