javascript函数中的自定义html

我想调用一个使用自定义HTML的javascript函数，如下所示。这从某种程度上不会被识别，如果从javascript函数调用。如果在函数外部执行，下面的函数中的代码运行良好。对此有何帮助？代码：javascript函数中的自定义html

<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>

来源

2017-09-04 Srikant

感谢您的所有答案，但遗憾的是，它仍然无法正常工作。代码中还有另外一行，因为它有内部数据，所以我没有发布。但是，我只想知道这是否可接受的方法？因为，我无法得到它的工作:(相同的代码，如果执行没有函数，产生期望的结果。 – Srikant

尝试：

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

来源

2017-09-04 07:06:14 erv

这不会提供一个问题的答案。一旦你有足够的[声誉]（https：// stackoverflow。（https://stackoverflow.com/help/privileges/comment）;相反，[提供不需要提问者澄清的答案] （https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead）。 - [来自评论]（/评论/ low-quality-posts/17227262） – derape

他没有要求澄清，如果答案不起作用，那就这样吧，你的评论没有任何用处 – erv

他的回答并不是现在的答案。答案并没有提供任何描述为什么修复工作，而且答案更像是“试用这个”的评论，而不是一个真实的答案。你可以在这里咨询“如何回答”：https：//stackoverflow.com/help/how-to-answer – derape

你需要整理你的代码更好。

首先，你必须修复onlick="javascript:validate();"它应该是这样的

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

其次，你在“今日活动”有语法错误和“活动为昨天”

试试这个，它应该管用。

https://codepen.io/anon/pen/RZdQWM

你不会看到任何输出，因为我不知道会发生什么，但检查检查元素的div和其他元素，你必须在那里。

来源

2017-09-04 07:10:21

试试这个js小提琴append html

JAVSCRIPT： -

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; 
}

来源

2017-09-04 07:13:33 Lalit

据工作完全好伴侣。

<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'><h1>hey</h1>"; 
    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>

我已经加入h1说哎，这个复制上面的代码，看看它的工作。希望能帮助到你。

来源

2017-09-04 07:20:37 Rox

javascript函数中的自定义html

回答

相关问题