Prototype-element-insert
提供:Dev Guides
プロトタイプ-insert()メソッド
このメソッドは、2番目の引数のpositionプロパティで指定されているように、要素の前、後、上部、または下部にコンテンツを挿入します。 2番目の引数がコンテンツ自体である場合、insertは要素に*追加*します。
挿入は、次の種類のコンテンツを受け入れます-
- text
- HTML
- DOM要素
- toHTMLまたはtoElementメソッドを持つあらゆる種類のオブジェクト。
注-挿入されたHTMLに<script>タグが含まれている場合、これらは挿入後に自動的に評価されることに注意してください。
構文
element.insert({ position: content });
OR
element.insert(content)
戻り値
挿入されたコンテンツの後にHTML要素を返します。
例
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
var str = $('apple').insert( "<li>mangoes</li>" );
alert(str.innerHTML );
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<ul>
<li id = "apple">apple</li>
<li>orange</li>
</ul>
<br/>
<input type = "button" value = "Click" onclick = "showResult();"/>
</body>
</html>