javascript - 在javascript函数中自定义html

Question

我正在尝试调用一个使用自定义 HTML 的 javascript 函数，如下所示。如果从 javascript 函数调用，这不知何故不会被识别。如果在函数外部执行，下面函数中的代码运行良好。有什么帮助吗？代码:

<button class="button" 
onclick="javascript:validate();">Submit</button>
<p id="h2"></p>
<script>
function validate()
{
strVar2 = "<ag-dashboard>";
strVar2 += "        <div class='col-md-6'>";
strVar2 += "            <ag-chart name='writepending'>";
strVar2 += "            <ag-option name='title.text' value='Activity for 
Today' ></ag-option>";
strVar2 += "            </ag-chart>";
strVar2 += "      </div>";
strVar2 += "        <div class='col-md-6'>";
strVar2 += "            <ag-chart name='writepending'>";
strVar2 += "            <ag-option name='title.text' value='Activity for             
Yesterday' ></ag-option>";
strVar2 += "            </ag-chart>";
strVar2 += "      </div>";
strVar2 += "</ag-dashboard>";

document.getElementById("h2").innerHTML = strVar2;
}
</script>

Answer 1

尝试:

<button class="button" onclick="validate()">Submit</button>