`
Andy_Dou
  • 浏览: 233694 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

JS创建HTML标签

阅读更多
<script type="text/javascript">
var count = 0;
function Add(){
   count += 1;
   var File1 = document.getElementById("file1");
   var div = document.createElement("div");
   var btnJiaHao = document.createElement("input");
   btnJiaHao.type = "button";
   btnJiaHao.value = "+";
   btnJiaHao.id = count;
   btnJiaHao.onclick = function(){
   		jiahao(this);	
   }
   var inputTxt = document.createElement("input");
   inputTxt.type = "text";
   inputTxt.name = "txt"+count;
   inputTxt.id = "txt_"+count;
   inputTxt.value = "0";
   var btn = document.createElement("input");
   btn.type = "button";
   btn.value = "-";
   btn.id = count;
   btn.onclick = function(){
       jianhao(this);
   }
  
   div.appendChild(btnJiaHao);
   div.appendChild(inputTxt);
   div.appendChild(btn);
   File1.appendChild(div);
}
function jianhao(t){
	var txt_id = "txt_" + t.id;
	var v = document.getElementById(txt_id).value;
	v = v - 1;
	document.getElementById(txt_id).value = v;
}
function jiahao(t){
	var txt_id = "txt_" + t.id;
	var v = document.getElementById(txt_id).value;
	v = parseInt(v) + 1;
	document.getElementById(txt_id).value = v;
}
</script>

<input type="button" name="button" value="增加" onclick="Add();" />
<div id="file1"></div>

 

分享到:
评论

相关推荐

    js动态创建标签实例

    一个函数,实现js动态创建HTML的标签实例! 步骤(思路) 1.先创建标签createtagname("div") 2.将标签添加到页面

    点击创建添加标签插件Layer.js.zip

    它被广泛用于构建交互式的用户界面,而Layer.js正是一款基于JavaScript库jQuery实现的标签管理插件。这款插件专为处理标签的创建、添加、删除和编辑功能而设计,提供了全面的案例演示,帮助开发者更好地理解和应用。...

    tag-it.js基于jQuery输入框创建文字标签插件

    3. **设置 HTML 结构**:创建一个 `&lt;ul&gt;` 标签,作为标签容器,并为其添加 `class="ui-tags"`,表示它将被 `tag-it.js` 处理。每个初始标签可以用 `&lt;li&gt;` 标签表示。 4. **初始化插件**:在 JavaScript 中,通过 `$...

    htmljs克隆标签

    HTML标签是构成网页的基本元素,它们定义了网页的结构和内容。例如,`&lt;p&gt;`用于段落,`&lt;img&gt;`用于图片,`&lt;a&gt;`用于链接等。而JavaScript作为客户端脚本语言,可以对这些HTML元素进行操作,包括创建、修改和删除。 ...

    js输入关键词创建标签代码.zip

    3. **创建HTML标签**:使用`document.createElement`方法创建新的HTML标签,如`&lt;div&gt;`、`&lt;span&gt;`或其他自定义标签。 ```javascript var tagElement = document.createElement('span'); tagElement.textContent = ...

    jQuery输入框创建关键词标签代码

    在IT行业中,jQuery库是广泛使用的...这个jQuery输入框创建关键词标签的代码实例,通过简单的HTML、CSS和JavaScript实现了动态添加和删除标签的功能,提高了用户体验,使得在网页上管理关键词变得更加直观和便捷。

    Html+css+JavaScript实现的3D球面标签云效果

    总的来说,创建一个Html+css+JavaScript实现的3D球面标签云效果,需要综合运用HTML的结构、CSS的样式以及JavaScript的动态性。通过巧妙地组合这些技术,我们可以创造出令人印象深刻的网页互动体验。在实践中,不断...

    用js实现自定义标签

    2. **定义标签映射**:创建一个数组`mk`来存储自定义标签与对应的HTML标签样式。每个自定义标签与其对应的开始标签和结束标签一一对应。 3. **定义转换逻辑**: - 获取`body`元素的内联HTML内容。 - 遍历自定义...

    jQuery回车来创建创建标签代码.zip

    本示例中的“jQuery回车来创建创建标签代码”着重于利用jQuery监听键盘事件,尤其是用户按下回车键时,动态创建新的HTML标签。这种功能常用于构建富文本编辑器、实时搜索建议或者评论系统,允许用户通过敲击回车键...

    得力批量打印标签html代码

    在“得力批量打印标签”中,HTML可能包含了各种标签元素,如`&lt;div&gt;`用于创建区块,`&lt;span&gt;`用于定义文本,`&lt;img&gt;`用于插入图片,以及可能用到的`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等表格元素来展示数据。每个元素都可能带有...

    javascript 写的 3d 云标签

    可能还会有一些HTML元素,如`&lt;div&gt;`,用来创建3D标签的容器,并通过类名与CSS和JavaScript进行交互。 接着是`label.css`,这是一个样式表文件,负责定义3D云标签的外观。CSS3的新特性在这里发挥了重要作用,例如`...

    tag-it.js输入框创建标签代码.zip

    《使用tag-it.js创建输入框标签的实践指南》 在当今的Web开发中,用户界面的交互性变得越来越重要,特别是在需要用户输入多选或分类信息的场景下。`tag-it.js`是一款强大的jQuery插件,它使得在输入框内通过输入...

    【前端】利用HTML标签 实现简单用户登录界面【HTML+CSS+JavaScript(JS)】

    以上代码展示了如何使用HTML、CSS和JavaScript创建一个基本的用户登录界面。在实际项目中,可能还需要考虑其他因素,如响应式设计(适配不同设备)、表单验证的复杂性、以及与后端的通信等。压缩包中的文件如`good-...

    js消息提示,输出HTMl标签追加到页面

    在JavaScript编程中,"js消息提示,输出HTML标签追加到页面"是一个常见的需求,它涉及到用户界面交互和DOM操作。下面将详细讲解这个主题。 首先,JavaScript是一种强大的客户端脚本语言,常用于网页动态效果的实现...

    JS 写的标签云

    2. **DOM操作**:使用`document.createElement`创建HTML标签元素,然后用`innerHTML`或`innerText`添加文本内容。 3. **位置计算**:根据权重计算每个标签的位置。3D效果可能涉及到Z轴上的深度,需要用到一些数学...

    jQuery+Layer.js创建标签插件.zip

    综上所述,"jQuery+Layer.js创建标签插件"涉及了前端开发中的多个核心技能,包括jQuery的基本操作、Layer.js的弹出层管理、HTML和CSS的布局设计,以及JavaScript的交互实现。通过学习和实践这个案例,开发者不仅可以...

    jQuery+Layer.js创建标签插件

    本项目是基于jQuery和Layer.js创建的一款标签插件,主要用于用户界面中的标签管理系统。这种插件在现代网页应用中非常常见,例如社交媒体平台、电商网站、内容管理系统等,用于用户自定义标签或者分类。 首先,我们...

    JavaScript动态创建link标签到head里的方法

    本文实例讲述了JavaScript动态创建link标签到head里的方法。分享给大家供大家参考。具体分析如下: 相信有很多做前端的朋友碰到过需要用 JavaScript 动态创建样式表标签——link标签。这里我们就来说说如何在浏览器...

    JavaScript_Videojs开源HTML5视频播放器.zip

    JavaScript_Videojs开源HTML5视频播放器.zip是一个包含JavaScript编程语言和Video.js库的资源包。Video.js是一个广泛使用的开源HTML5视频播放器,它允许开发者创建功能丰富的、自定义的视频体验。在这个压缩包中,有...

    JavaScript与Html标签互相访问

    本篇文章将深入探讨JavaScript如何访问HTML标签以及HTML如何调用JavaScript函数,以实现两者之间的有效通信。 首先,JavaScript 可以通过 DOM(Document Object Model)来访问和操作HTML元素。DOM 是一种标准,它将...

Global site tag (gtag.js) - Google Analytics