按钮创建功能代码错误无法找到

点到新的网站，我试图寻找一个答案，但一直无法（如果有人知道后的位置，可以帮助其理解）上的问题...按钮创建功能代码错误无法找到

我我试图创建一个按钮系统，它将添加依赖于数组中信息的新按钮，我不断收到新信息以便加快输入和更新。

<!DOCTYPE html> 
<html> 
<head> 
    <title> Function Test </title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script> 

    var textNum = ["<b>O</b>ne", "<b>T</b>wo", "three", "four", "five"]; 
    var i; 
    var build = ""; 
    function callText(a) { 

      document.getElementById("demo").innerHTML = textNum[a]; 
    } 

    </script> 
    </head> 

    <body> 
     <button onclick = "callText(0)"> 1 </button> 
     <button onclick = "callText(1)"> 2 </button> 
     <button onclick = "callText(2)"> 3 </button> 
     <button onclick = "callText(3)"> 4 </button> 
     <button onclick = "callText(4)"> 5 </button> 
     <p id="demo"></p> 

     <br> 
     <br> 
     <p id="createbutton"></p> 
     <p id="displayHere"></p> 
    <script> 
     var newText =[1, 2]; 
     var i; 
     var build = ""; 
     function display(a) { 
      document.getElementById("displayHere").innerHTML = newText[a]; 
     }; 


     for (i = 0; i < newText.length; i++) { 

      build +="<button onclick = \\display(i)\\>" + newText[i] + "</button>" ; 
     }; 
     document.getElementById("createbutton").innerHTML = build; 
     </script> 

    </body> 
     </html>

Uncaught SyntaxError: Unexpected token ILLEGAL function test.html:46

（其突出的final /script的>）

它创建的按钮，但是能拿出符合error任何想法

来源

2016-04-10 VictorRee

2的问题与您的代码：

1）用 “\\显示（I）\\” 那是什么？你想做什么？

2）在这里生成的HTML中不能使用“i”。你需要插入i的值

例如：

build += "<button onclick=\"display(" + i + ")\">" + newText[i] + "</button>" ;

来源

2016-04-10 09:45:50 jlowcs

感谢那些工作，我想我误解了我的版本的代码试图让引号中的文章 – VictorRee

版本将包含“按钮的onclick = \显示（i）...

你想把onclick处理程序放在引号内，就像这样的：

build +="<button onclick = 'display(i)'>" + newText[i] + "</button>" ;

来源

2016-04-10 09:45:30

按钮创建功能代码错误无法找到

回答

相关问题