将函数传递给innerHTML答案

【问题标题】：Passing function to innerHTML将函数传递给innerHTML
【发布时间】：2014-09-10 09:54:09
【问题描述】：

我可以将函数传递给 innerHTML 吗？我想过将函数名称 data() 传递给 innerHTML。可能吗？？我想要创建一个按钮，并且该按钮应在单击时显示一个表格。

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction">Try it</button>
<p id="demo"></p>

<script>
function myFunction() 
{
document.getElementById("demo").innerHTML = data();

data()
{
<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
}
}
</script>

</body>
</html>

【问题讨论】：

不，你拥有的是无效的，innerHTML 只接受字符串。
一种新的语言诞生了
那么，好的，谢谢！那么如何在尝试按钮的帮助下显示表格？请帮帮我。
我是编程新手...！！！ :P
@RoyiNamir：请帮帮我！！

标签： javascript function innerhtml

【解决方案1】：

试试这个

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script>
function myFunction() 
{
document.getElementById("demo").innerHTML = data();
}

function data()
{
var html = '<table>';
  html += '<tr>';
    html += '<th>Month</th>';
    html += '<th>Savings</th>';
  html += '</tr>';
  html += '<tr>';
    html += '<td>January</td>';
    html += '<td>$100</td>';
  html += '</tr>';
html += '</table>';
return html
}
</script>

</body>
</html>

【讨论】：

试试这个你放 onclick="myFunction" 的代码，它必须是 onclick="myFunction()"

【解决方案2】：

您需要调用函数，而不仅仅是评估标识符：

<button onclick="myFunction()">Try it</button>

您用于内容的函数必须包含 Javascript，而不是 HTML 代码。它应该返回一个可由innerHTML 属性使用的字符串：

data()
{
  return '<table>' +
  '  <tr>' +
  '    <th>Month</th>' +
  '    <th>Savings</th>' +
  '  </tr>' +
  '  <tr>' +
  '    <td>January</td>' +
  '    <td>$100</td>' +
  '  </tr>' +
  '</table>';
}

【讨论】：