■イメージの情報を参照、変更したい
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>イメージの情報を参照、変更したい</title>
<script type="text/JavaScript">
<!--
function img_chg1() {
document.img_name1.src = "images/img11.gif";
}
function img_chg2() {
document.img_name1.width = 100;
document.img_name1.height = 80;
document.img_name1.border = 0;
document.img_name1.hspace = 0;
document.img_name1.vspace = 0;
}
function img_disp1(){
alert("document.images.length = "+document.images.length+"\n"+
"document.img_name1.src = "+document.img_name1.src+"\n"+
"document.img_name1.name = "+document.img_name1.name+"\n"+
"document.img_name1.width = "+document.img_name1.width+"\n"+
"document.img_name1.height = "+document.img_name1.height+"\n"+
"document.img_name1.border = "+document.img_name1.border+"\n"+
"document.img_name1.hspace = "+document.img_name1.hspace+"\n"+
"document.img_name1.vspace = "+document.img_name1.vspace+"\n"+
"document.img_name1.lowsrc = "+document.img_name1.lowsrc+"\n"+
"document.img_name1.complete = "+document.img_name1.complete);
}
// -->
</script>
</head>
<body>
<p>■イメージの情報を参照、変更したい</p>
<form name="frm1">
<p><input type="button" value="各種情報表示" onclick="img_disp1()">
<input type="button" value="イメージSRC変更" onclick="img_chg1()">
<input type="button" value="その他変更" onclick="img_chg2()"></p>
</form>
<p><img src="images/img10.gif" name="img_name1" width="200" height="160" border="5" hspace="10" vspace="25" lowsrc="images/img1001.gif"></p>
</body>
</html>