动态地使用javascript制作Html页面

Question

我通过以下链接

How can I make JavaScript make (produce) new page?

Create and append dynamically

我想在div内使用JavaScript动态添加html元素，但我不想跟随第二个链接，因为我的javascript代码将变得非常庞大和复杂。有没有办法让我可以使用一行代码添加html元素，就像在第一个链接中一样。

我不想使用JQuery。

Answer 1

首先我要说，使用jQuery 。如果你使用jQuery，你只需要这样做：

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

如果你坚持使用vanilla JavaScript，你必须像你发布的第二个例子那样做：

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

Answer 2

这里我想说你可以像这样使用

＆＃13;

＆＃13;

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.

＆＃13;

＆＃13;

＆＃13;

Answer 3

这是您可以拥有的最简单的选项

http://www.example.com/MyApp.WebAPI/api/transactions/ppIpnListener