當我們點擊一個特定的字母表時，它應該顯示相關的圖像。使用JavaScript

我嘗試使用java腳本..當我點擊字母表時，我無法看到圖像。 Iam對java腳本很新穎。任何幫助表示讚賞。當我們點擊一個特定的字母表時，它應該顯示相關的圖像。使用JavaScript

function iterateAlphabet(var index) 
{ 
     var nextChar; 
     var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
      for(var index=0; index<str.length; index++) 
      { 
       nextChar = str.charAt(index); 
       break; 
      } 
     return nextChar; 
    } 

    function getCharacter(var index) 
     var character = document.getElementById("alphabetA"); 
     character.innerText=iterateAlphabet(index); 
} 
    </script> 
</head> 

<body> 
    <table> 
     <tr> 
     <td><input type="image" src="imgs\\1.jpg" alt="a" id="alphabetA" onclick ="iterateAlphabet('0')" value="Apple"></input></td> 
    </table>

來源

2013-07-01 user2540657

這段代碼意味着什麼？ –

我看到的第一個問題是src可能應該是'「imgs/1.jpg」' –

這就是說，正如David指出的那樣，這個結構本身並沒有什麼意義，或者爲什麼你會傳遞一個數字給查找字母的功能，而不是簡單地將「A」傳遞給它。 –

試試這個功能

（功能iterateAlphabet（）{

var alpha = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(''), 
    imageUrl = "http://dummyimage.com/50x50/2e2e2e/fff&text="; 

alpha.forEach(function(el){ 
    var link = document.createElement('A'); 
     link.href = imageUrl + el; 
     link.innerHTML = el; 

    // console.log(link); 

    document.write(link); // you can use any code here to show the links 

});

}）（）

來源

2013-07-01 23:36:32 osahan

HTML結構（樣式它，你怎麼想，只是不停元素id，或者在html和js中更改它們，如果你想的話）：

<table> 
     <tr> 
     <td id="letters" onclick ="iterateAlphabet()"> 

     A 
     </td> 
     <td> <img src='A.jpg' id="alpha" ></td> 
    </table>

的Javascript：

i = 0; 

function iterateAlphabet() 
{ 
    var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
    if (i < str.length) 
    { 
    i++; 
    var nextChar = str.charAt(i); 

document.getElementById("letters").innerHTML = nextChar; 
    document.getElementById("alpha").src = nextChar + '.jpg'; 



    if (i == str.length - 1) 
    { 

     i = -1; 

    } 
    } 

}

最重要的是： - 你應該有一個名爲A.JPG，B.JPG等圖片...等...在同一個目錄中，這將正常工作。

來源

2013-07-02 00:00:21 sinisake

當我們點擊一​​個特定的字母表時，它應該顯示相關的圖像。使用JavaScript

回答

相關問題

當我們點擊一個特定的字母表時，它應該顯示相關的圖像。使用JavaScript