按钮创建无法定位功能代码错误
Button creation Function code error unable to locate
在新网站上,我试图寻找答案,但无法解决问题(如果有人知道帖子的位置,可以帮助它)。。。
我正在尝试创建一个按钮系统,它将根据数组中的信息添加新的按钮,我不断地输入新的信息,这样可以加快输入和更新。
<!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>" ;
相关文章:
- 带有键代码参数Jquery的模拟按键功能
- 这个javascript代码有什么错误,它有将数字转换为单词的功能
- 修复Javascript代码以将文本中的所有Youtube链接转换为Youtube ID功能
- 正在尝试获取此代码'在wordpress页面中工作的功能
- 重用if语句中的代码.(功能内部的功能是不良做法吗?)
- AngularJS控制器之间共享代码/方法/功能
- 我在警报框中得到了功能代码,为什么会这样
- 按钮创建无法定位功能代码错误
- 如何将这些代码和我的想法转换为功能思维(Clojure)
- 我想构建一个代码,在谷歌应用程序脚本中检查我在Gmail中导入的邮件,我该如何找到这个功能
- 用于导出Excel的.Net MVC 4.5 JqGrid按钮功能不起作用.什么'我的代码错了
- 如何在键代码中更改功能
- 文档就绪功能 - 不先加载代码
- Javascript:代码在投入功能时不会被执行
- 代码点火器提交功能不起作用
- 尝试将促销代码功能添加到折扣号码
- 我的HTML5 / Javascript代码不会多次执行相同的功能
- 我的显示/隐藏功能代码出了什么问题
- 为什么Chrome的控制台不再显示功能代码
- 我如何将javascript脚本更改为jquery功能代码