是否可以从JavaScript生成HTML？

Question

是否可以从JavaScript生成HTML？例如,我有这个:

    <script type="text/javascript">
    for (i=0; i<=length; i++)
      {
        //I want to display a <p> tag containing the value of i
      }  
    </script>

所以如果length = 5,生成的html应该看起来像这样:

    <p>0</p>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>

是否有可能做到这一点？

Answer 1

非常可能.您可以将元素插入DOM:

var NewP;
var Text;

for(var i = 0; i < 5; i++)
{
    NewP = document.createElement("p"); // Create a p element
    Text = document.createTextNode(i + ""); // Create text to go inside with string value of i
    NewP.appendChild(Text); // Add text to p element
    document.body.appendChild(NewP); // Append newly-created p element to body element in DOM tree
}