javascript - 使用 Javascript 动态创建标签

Question

我正在使用 Aspnet，我需要为一个特定页面创建数量不确定的标签。我有一个调用函数的按钮，该函数使用 javascript 动态生成标签:

<script type="text/javascript">
function create() {
   var newlabel = document.createElement("box1");

           ...

  document.getElementById("MainContent_revenuestreams").appendChild(newlabel);
}
</script>

发生的情况是，在创建标签后，他只在网页上显示大约 2-3 秒，然后就消失了(我认为回发消除了它的内容)。

我想知道如何避免这种情况

Answer 1

document.createElement(type) - type 必须是 html 标签名称，例如:div、table、p。

在你的情况下:

var newLabel = document.createElement("label");

然后为该元素设置属性(for - 最重要的是标签、id、名称)。

最后:

newLabel.appendChild(document.createTextNode("This is where label caption should be"));
document.getElementById("MainContent_revenuestreams").appendChild(newLabel);

一些链接:

http://www.w3schools.com/jsref/met_document_createelement.asp

http://www.w3schools.com/jsref/met_document_createtextnode.asp

如您所见，box1 不是 document.createElement(type) 的有效参数。