動作ブラウザ



win mac linux


n7 m1 e5 e6 o7   n7 m1 e5 s1   n7 m1 k3


○ ○ × ○ ○   ○ ○ ○ ○   ○ ○ ○


*win-e5はcreateAttribute、setAttributeNodeともに未実装です。

同じ動作をsetAttributeで書いたサンプルはこちら

ソース

<script type="text/javascript">
<!--

function setTest()
{

  //1 id名がimg0のエレメントを変数imgへ入れる
  img = document.getElementById('img0')

  //2 widthと言う名前の属性を生成し変数attriへ入れる
  attri = document.createAttribute("width")

  //3 生成したwidth属性ノードの値に500を入れる
  attri.value = 500

  //4 width属性ノードをimへセットする
  // img.attributes.setNamedItem(attri) //Attでセットした場合
  img.setAttributeNode(attri)

}

//-->
</script>

<form>
<input type    = "button"  
       value   = "setAttributeNodeテスト"
       onclick = "setTest()">
</form>
<img   id      = "img0"
       height  = "214"
       src     = "./hosi.gif">

win					mac				linux
n7	m1	e5	e6	o7	n7	m1	e5	s1	n7	m1	k3
○	○	×	○	○	○	○	○	○	○	○	○