Javascript图像在点击时调整大小

Javascript image resize onclick

本文关键字：调整 图像 Javascript      更新时间：2023-09-26

您好，我想通过单击图像来更改页面上的图像大小，我创建了这个，但它不起作用。所以我应该在那里改变什么。

在javasript

 function nowe()
    {
    document.getElementsByTagName(img).height="100"; 
    document.getElementsByTagName(img).width="100";
    }

在 html 中

   <img src="zwinka2.jpg" alt="jaszczurka_zwinka"  onclick="nowe()"/>

我玩了一会儿，想出了这个 在 HTML 中

<button onclick="Revert()">reset images</button>
<br/>
<img id="change" src="animal_1.jpg" width="100" height="100" onClick="Change()">

在JavaScript中

Function Change()
{
document.getElementById("change").height="200";
document.getElementById("change").width="200";
}
Function Revert()
{
document.getElementById("change").height="100";
document.getElementById("change").width="100";
}
相关文章：