1. 子要素

指定された要素の子要素リストの末尾に、一つ以上のNodeオブジェクトやDOMStringを追加します。

appendメソッドはIE11以降ではエラーとなり使用することができませんが、Element.insertAdjacentHTML メソッドの第一引数にbeforeendを指定することで同じ動作を行うことができます。

構文

Element.append( nodesOrDOMStrings )

引数

nodesOrDOMStrings 省略可

挿入するNode オブジェクト (DOM)もしくはDOMString

戻り値

Element オブジェクトを返すメソッド・プロパティ

Document.prepend メソッド (DOM)

tagNameで指定したHTML要素、あるいはtagNameを認識できない場合HTMLUnknownElementを生成します。

Document.prepend メソッド (DOM)

指定したタグ名およびネームスペースURIで、新しい要素を生成します。

Document.getElementById メソッド (DOM)

特定のidを持つエレメントへのオブジェクト参照を返します。

Document.prepend メソッド (DOM)

指定したセレクターに一致する、文書内で最初の要素ノードを返します。

Document.prepend メソッド (DOM)

文書の直接の子であるElementを返します。HTML文書では、これは通常は文書のhtml要素を表すHTMLElementオブジェクトになります。

HTMLCollection.prepend (DOM)

HTMLコレクション内のインデックス番号で指定された位置にある要素を取得します。存在しないインデックス番号を指定した場合は、NOTHINGを返します。

HTMLCollection.prepend (DOM)

引数に指定されたidを持つ要素を取得します。要素が見つからない場合NOTHINGを返します。

Element.closest メソッド

指定された CSSセレクタ に最も近い祖先要素を返します。

Attr.prepend (DOM)

属性が所属する要素を返します。

使い方

IDにcontentを持つ要素を取得し、その要素に「Hello world!」を追加します。

結果

HTML

Copy<div id="content">Hello world!</div>

関連記事

Element.before メソッド (DOM)

指定した要素やHTML文字列を現在の要素の前に追加します。

Element.insertAdjacentHTML メソッド (DOM)

指定されたHTML文字列を現在の要素の前後、または内部に挿入します。

Element.prepend メソッド (DOM)

指定された要素の子要素リストの先頭に、一つ以上のNodeオブジェクトやDOMStringを追加します。