属性名に値をセットする setAttribute

[説明]

メソッド名 役割
getAttribute( 属性値 ) 属性値を取得する
attributes 全ての属性値を取得する
attributes.length 含まれる属性値の数を取得する
attributes.item( i ) i番目の属性値と属性名を取得する
setAttribute("属性名" , "値") 属性名に値をセットする

オリジナル画像



<img src="image/original.gif" alt="オリジナル画像" id="image" />
<input type="button" id="btn" value="src属性とalt属性を変更する" />

<script type="text/JavaScript">
var btn = document.getElementById('btn');
var myImage = document.getElementById('image');

btn.onclick = function(){
	myImage.setAttribute('src' , 'image/new.gif');
	myImage.setAttribute('alt' , '新しい画像');
</script>

インデックスにもどる