使用javascript動態制作HTML頁面

Question

我通過以下鏈接

如何使JavaScript制作（生產）新頁面？

動態創建和追加

我想在div內使用JavaScript動態添加html元素，但我不想遵循第二個鏈接，因為我的JavaScript代碼將變得非常龐大和復雜。 有沒有一種方法可以像第一條鏈接那樣使用一行代碼添加html元素。

我不想使用JQuery。

Answer 1

首先，我首先要說， 使用jQuery 。 如果您使用jQuery，則只需執行以下操作：

$("#target").append("<p>New Paragraph</p>");

如果您堅持使用香草JavaScript，則必須像發布的第二個示例那樣進行操作：

var iDiv = document.createElement('div');
iDiv.id = 'block';
iDiv.className = 'block';
document.getElementsByTagName('body')[0].appendChild(iDiv);

Answer 2

在這里我想說的是你可以這樣使用

 var element = document.getElementsByTagName("body"); // Pick your element here as per need. var attach_elem = "<div><p> hi creatig the p tag </p> <span> hi creatig the span tag </span><div></div></div>"; //prepare element which you want to be in your html page. element.write(attach_elem); // just pass the variable (want to attach in html). //Or you can use the below code. element.innerHTML = attach_elem; // pass variable as innerhtml to the selected element. 

Answer 3

這是您可以擁有的最簡單的選擇

   <script>
    var htmlcontent = "<h1>Header</h1><p>This is some dynamically loaded content assigned using javascript</p>"
    document.getElementById("content").innerHTML = htmlcontent;
   </script>