从.innerHTML调用函数

时间:2016-11-12 04:21:14

标签: javascript function

我正在尝试调用变量Select中的函数select(),但函数select()声称它没有被调用?我如何获得函数select()来实现它的调用。

<p id="button"></p>

<p id="list"></p>

<script>
function buttons() {
var Select = "<button type='button' onclick='select()'>Sort</button>";
document.getElementById("buttons").innerHTML = Select;
}

function select() {document.getElementById("list").innerHTML = fruits;}
</script>

1 个答案:

答案 0 :(得分:3)

  • 您还没有在任何地方调用buttons(),因此永远不会创建将其点击事件绑定到select()的按钮。
  • 你也有按钮id的拼写错误。它说按钮。
  • 最后'fruits'必须在引号中,否则JS认为您正在尝试引用名为fruits的变量并引发引用错误。

&#13;
&#13;
<p id="buttons"></p>

<p id="list"></p>

<script>
function buttons() {
  var Select = "<button type='button' onclick='select()'>Sort</button>";
  document.getElementById("buttons").innerHTML = Select;
}

function select() {
  document.getElementById("list").innerHTML = 'fruits';
}
  
buttons()
</script>
&#13;
&#13;
&#13;