泉州浮桥网页设计培训班实例笔记HTML DOM 实例(六)-Image 对象

Image 对象

更改图像的高度和宽度

<html><head>

<script type=”text/javascript”>

function changeSize(){

document.getElementById(“compman”).height=”270″

document.getElementById(“compman”).width=”164″

}

</script>

</head>

<body>

<img id=”compman” src=”/i/eg_bulbon.gif” />

<br /><br />

<input type=”button” onclick=”changeSize()” value=”改变图像的高度和宽度”>

</body></html>

更改图像的 src

<html><head>

<script type=”text/javascript”>

function changeSrc() {

document.getElementById(“myImage”).src=”/i/eg_smile.gif”

}

</script>

</head>

<body>

<img id=”myImage” src=”/i/eg_bulbon.gif” />

<br /><br />

<input type=”button” onclick=”changeSrc()” value=”改变图像”>

</body></html>

发表评论

电子邮件地址不会被公开。 必填项已用*标注