按钮创建无法定位功能代码错误

Button creation Function code error unable to locate

本文关键字:功能 代码 错误 定位 创建 按钮      更新时间:2024-03-29

在新网站上,我试图寻找答案,但无法解决问题(如果有人知道帖子的位置,可以帮助它)。。。

我正在尝试创建一个按钮系统,它将根据数组中的信息添加新的按钮,我不断地输入新的信息,这样可以加快输入和更新。

 <!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任何想法

您的代码有两个问题:

1) "''''display(i)''''"是怎么回事?你想干什么?

2) 您不能在此处生成的HTML中使用"i"。您需要插入i 的值

例如:

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

build将包含"button onclick=''display(i)…

您希望将onclick处理程序放在引号中,如下所示:

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