使用javascript生成HTML代码

时间:2016-01-13 18:32:14

标签: javascript html

当用户点击按钮时,我需要在网页上生成185行html,并且我想将html代码声明为变量上的多行但是我的html代码出现了问题一个变量,我尝试了几种研究网络的方法,但我无法实现它。

例如:

 <script type="javascript">

    //it doesn't work
    var html = " <li> <!-- 185 lines of html -->  </li>";

 </script>

使用Heredoc(我认为heredoc符号并不适用于Javascript - ??? - )符号似乎有效,但html中包含的javascript显示错误。

我真的很感激任何帮助。

1 个答案:

答案 0 :(得分:0)

您可以这样做:

 document.getElementById('button').onclick = function(){

      var eleContainer = document.getElementById('container'), //The parent of the of the elements
          html = '',    //Will be filled with html lines
          repeats = 128; //You can change it as much as you want

      for(var i=0; i<repeats; i++){
          html += '<li></li>';
      }

      eleContainer.innerHTML = html;

 }