Javascript的OnClick行動改變href

你好我是新的JavaScript，我想單擊一個Javascript。我有一個圖像與另外2個圖像第一個圖像會改變，當我點擊其他2，但主圖像有一個縮放按鈕，我想點擊腳本來改變縮放圖標的href鏈接，我也不知道如何做到這一點可以有人幫助我？多謝。Javascript的OnClick行動改變href

這是我的代碼經過一些研究，但它不起作用。

<article class="javascript html"> 
 
     <script type="text/javascript"> 
 
    function change(menuId, image, newImage, newUrl) 
 
{ 
 
    var img = document.getElementById(image); 
 
    img.src = newImage; 
 
    document.getElementById('d3').href = newUrl; 
 
} 
 
</script> 
 
     <div class="thumbnail"> 
 
      <div id="main_img"> 
 
      <img id="img" src="assets/example/latest/S8621A.png" alt=""/> 
 
      <div class="caption"> 
 
       <span class="ico-block"> 
 
        <a class="ico-zoom" href="assets/example/latest/S8621A.png" id="d3"><span></span></a> 
 
       </span> 
 
      </div> 
 
     </div> 
 
      </div> 
 
     <div style="text-align:center"> 
 
<div id="thumb_img"> 
 
    <img src='assets/img/fekete.png' onclick='changeImage("assets/example/latest/S8621A.png")' > 
 
    <img src='assets/img/barna.png' onclick='changeImage("assets/example/latest/S8621B.png")' onclick='document.getElementById'("d3").href = '(assets/example/latest/S8621B.png)'> 
 
</div></div> 
 
    </article>

來源

2016-04-06 Tibor Ambrus

你沒有觸發onclick的'change'功能。你正在觸發'changeImage' ... –

那我怎麼觸發呢？ –

你必須這樣調用該函數：

<img src="path/to/image.png" onclick="change()">

參數，屬性onclick預計，被命名爲change()，這將是功能它會電話：

function change() { 
    // define here what the function will do... 
}

當你的功能需要一些參數，你可以做到以下幾點：

<img src="path/to/image.png" onclick="change(param1, param2, param3, param4)">

功能change()目前預計4個參數

function change(param1, param2, param3, param4) { 
    // ... 
}

這就是你應該如何開始

來源

2016-04-06 10:35:42

你的函數定義爲changeImage，但在您的onclick處理程序中，您正在調用一個不存在的名爲change的函數。

解決方案：onclick="change( ...

你不需要在圖像標籤中的第二onclick處理程序。功能change包含交換d3 href的代碼。

功能change預計4個參數

change(menuId, image, newImage, newUrl)

你只是路過一人在 - 圖像的URL，因爲這是被傳遞作爲第一個參數，函數change看到它作爲參數menuId，所以image,newImage和newUrl都是未定義的。

來源

2016-04-06 10:38:16

Javascript的OnClick行動改變href

回答

相關問題