JavaScript更改宽度图像onclick

我是一个完整的noob，当涉及到JavaScript。无论如何改变一个图像后，它被点击，某种方式来触发一个JS函数来改变CSS。它必须由一个事件和onclick以外的其他事件触发，可能是焦点。JavaScript更改宽度图像onclick

<style> 
    #pic { 
    width:100px; 
    height:100px; 
    } 
</style> 
</head> 
<body> 

<img src='nope.jpg' id='pic' onclick="mouseOver()"></img> 

<script type='text/javascript'> 
    function mouseOver() { 
    document.getElementById('pic').style.width="400px"; 
    document.getElementById('pic').style.height="400px"; 
    }  
</script>

来源

2014-04-01 user3487092

根据您的例子中，没有JS需要编辑的图像标记代码。看看悬停的css3转换 – fnostro

它必须是js，但鼠标单击事件会触发所有更改。 – user3487092

首先，我编辑了这个问题，因为函数没有正确定义。

二：

访问任何元素的高度属性，你应该使用style.height，并应“PX”添加到值。

请花更多时间寻找答案，而不是发布一个新问题。

来源

2014-04-01 22:26:24 ProllyGeek

试试这个...

function mouseOver() { 
    document.getElementById('image').style.height = "400px"; 
}

来源

2014-04-01 22:29:39 kyros

更改JS这样：

var image = document.getElementById('image'); 

function mouseOver() { 
    image.style.height="600px"; 
} 

image.onclick = mouseOver;

来源

2014-04-01 22:29:40 javakorr

设定值，你可以直接使用样式属性，但要记住，要求对他们来说是一个更大的问题：

请参考以下： Get a CSS value with JavaScript

来源

2014-04-01 22:31:54 Phaedra

这应该工作

<style> 
#pic { 
width:100px; 
height:100px; 
} 
</style> 
</head> 
<body> 
<img 
     width="100" 
     onmouseOver="this.width=400; this.height=400" 
     onclick="this.width=100" 
     alt="RESIZE IMAGE" 
     id='pic' 
     src='nope.jpg' 
    />

只是复制，并根据需要

来源

2015-03-01 01:14:20 DcHerrera

JavaScript更改宽度图像onclick

回答

相关问题