首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Javascript动态创建标签

使用Javascript动态创建标签
EN

Stack Overflow用户
提问于 2013-06-17 16:01:20
回答 3查看 13.1K关注 0票数 1

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

在创建标签之后,他只在网页上显示2-3秒,之后就会被删除(我认为回发消除了它的内容)。

我想知道怎样才能避免这种情况

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-06-17 16:07:40

document.createElement(type) - type必须是html标记名,如: div,table,p.

就你而言:

代码语言:javascript
运行
复制
var newLabel = document.createElement("label");

然后为该元素设置属性(for --在label、id、name中最重要)。

最后:

代码语言:javascript
运行
复制
newLabel.appendChild(document.createTextNode("This is where label caption should be"));
document.getElementById("MainContent_revenuestreams").appendChild(newLabel);

一些链接:

createelement.asp

createtextnode.asp

正如您所看到的,box1不是document.createElement(type)的有效参数。

票数 7
EN

Stack Overflow用户

发布于 2013-06-17 16:08:20

您必须返回false才能取消按钮的回发:

代码语言:javascript
运行
复制
<asp:Button runat="server" OnClientClick="javascript: create();return false;"/>

还请注意,document.createElement("box1");将创建一个<box1></box1>元素,这可能不是您想要的。您应该将"box1"更改为"label""span"

票数 1
EN

Stack Overflow用户

发布于 2013-06-17 17:13:53

添加OnClientClick=“addNewlabel();返回false;”

函数addNewlabel() {

代码语言:javascript
运行
复制
var NumOfRow++;
var mainDiv=document.getElementById('MainDiv'); 
var newDiv=document.createElement('div'); 
newDiv.setAttribute('id','innerDiv'+NumOfRow); 
var newSpan=document.createElement('span'); 
newSpan.innerHTML="Your Label Name"; 
// append the span
newDiv.appendChild(newSpan); 
mainDiv.appendChild(newDiv); 

}

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17151907

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档