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

回答

相關問題