使用Jetbrains更改HTML5和Javascript中的圖像的src Webstorm

所以我一直在嘗試爲HTML5/JS課程項目製作X和O，認爲這很容易，但嘗試更改時遇到了幾天的麻煩將圖像的來源從「Tile.png」更改爲「XX.png」。我在網站上發現了類似的問題，但它們都沒有爲我工作，但他們都得到了「罕見」的錯誤，所以我認爲這裏會有雙重打擊。請幫助！使用Jetbrains更改HTML5和Javascript中的圖像的src Webstorm

以下是我在使用javascript和HTML5進行各種嘗試的數百次嘗試中看到的兩個錯誤。

Uncaught ReferenceError: $ is not defined client.js:102 
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. 

or 

attempt to set image src to null (This showed up in most attempts, the other error is a rare occurrence that shows up when I think I've nailed it.)

- 代碼由一個HTML5文件和剛剛認爲尚未使用的變量的JavaScript文件中。這裏是顯示javascript函數和HTML按鈕並單擊它運行它的問題代碼。當按鈕被點擊時彈出錯誤，所以我相信代碼是在javascript部分。

<script> 
    function YUNOCHANGE() 
    { 
    var img = document.getElementById("tst1"); 
    img.src = "Images/XT.png"; 
    } 
</script> 

<button onclick="YUNOCHANGE();" type="button" id="tst1" name="One" alt="Grey tile" height="175" width="200" style="text-align:center"> 
    <img src="Tile.png"/> 
</button>

來源

2013-12-15 Friaza

對於初學者來說，如果引用'＃tst1'（又名'button'）當你應在'src'變化引用'img'元素。給「img」一個ID並使用它，然後報告結果。 – Deryck

OMFG它很努力，非常感謝！我在這個問題上花了好幾天時間，看起來我受到了汽車的撞擊！非常感謝IGKDWKGDWHSGK謝謝;'D – Friaza

大聲笑我猜應該把它放在答案。很高興你的問題現在得到解決。 – Deryck

按鈕沒有財產「SRC」：

<script> 
    function YUNOCHANGE() 
    { 
    var img = document.getElementById("img1"); 
    img.src = "Images/XT.png"; 
    } 
</script> 

<button onclick="YUNOCHANGE();" type="button" id="tst1" name="One" alt="Grey tile" height="175" width="200" style="text-align:center"> 
    <img id="img1" src="Tile.png"/> 
</button>

來源

2013-12-15 06:20:37 HICURIN

我早先從Derycks的評論中發現它，不過謝謝，因爲如果我沒弄明白的話它會幫助我的:) – Friaza

使用Jetbrains更改HTML5和Javascript中的圖像的src Webstorm

回答

相關問題