0

以下の2つの方法に違いはありますか

var image = document.createElement("img");
1) image.setAttribute('src','mySrc');
2) image.src = 'mySrc';

html要素について、上記の方法でいくつかの属性を設定することに違いはありますか? ブラウザの信頼性はありますか?

4

2 に答える 2

2

setAttribute() を使用すると、属性が存在しなくても追加できます。ただし、主要なブラウザーでのみサポートされています。IE8以前はこの機能をサポートしていません。

w3schools から

属性が存在する場合は、それを使用する必要があります。

setAttribute のパフォーマンスが悪い

100 個の画像要素をテストしました。

  • src を変更する関数を実行すると、2 ミリ秒かかりました。
  • setAttribute の使用には 4 ミリ秒かかりました。
于 2013-10-19T08:01:54.007 に答える
1

2 番目の方法は、属性が既に使用可能である場合にのみ使用できます。1 番目の方法は属性を作成し、使用できない場合に備えて値を割り当てます。

image.src の場合、「src」属性がデフォルトで使用可能であるため、両方が機能します。

于 2013-10-19T07:43:51.233 に答える