Umbrella - にほんご。

replace

更新日: 2018-02-09

.replace(html)

HTML要素を取得、または設定します。


パラメータ

html: string, function
パラメータは以下のいずれかを指定することができます。
  • string : <div>のようなHTMLタグ。
  • function : HTMLタグを返す関数。
.replace();

戻り値

element
新しく生成された要素。

.saveクラスの要素を、"Update"ボタンに置き換えます。

u('.save').replace('<button class="update">Update</button>');

全てのボタンを.buttonクラスを持ったリンクに置き換えます。

u('button').replace(function(btn){
  return '<a class="button">' + btn.innerHTML + '</a>';
});

デモ

"デモ用文字列"をクリックすると、 "デモ用文字列"にリンクを設定します。

* 上記の例の通りに実装すると、btn(第1引数)は空のオブジェクトでした。 要素を変更するにはarguments[2]を使って下さい。今後の仕様が変わる可能性があります。

デモ用文字列

JavaScript

u('#demo').on('click', function() {
  u(this).replace(function(){
    return '<a>' + arguments[2].innerHTML + '</a>';
  });
});

HTML

<span id="demo">デモ用文字列</span>


© 2014 Francisco Presencia Released under the MIT license

このコンテンツはFrancisco Presencia(franciscop)によるUmbrella JSドキュメントを翻訳/改変したものです。