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

回答

相關問題