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&g
相关文档:
Adobe发布HTML 5开发工具 基于Dreamweaver
Adobe公司在上周举行的Google I/O开发者大会上发布了面向开发者和设计师的HTML 5工具组,Adobe HTML5 Pack。
Adobe HTML5 Pack是对Adobe Dreamweaver CS5的扩展,为Adobe Creative Suite 5 用户提供了更多的创造性功能。用户可以更轻松地创建和优化其作品。
&n ......
对于刚刚接触HTML源代码的朋友可能有这样一个疑惑:在一个表单元素中,我如果想用脚本确定某个具体元素,我既可以用他的NAME来索引这个对象,也可以加一个ID来索引它,那这两种方法究竟有什么区别呢?以下我们来具体探讨一下,鉴于本人水平有限,如有描述不当,恳请指教。
我们可以通过一段代码来分析一下其中的微妙差别:
......
框线制作常用代码
代码
含义
<table>...</table>
建立表格,所有的其他标记都需要在此标记中
<table width=* heigth=*></table>
设定表格宽度width和高度height,属性值可以使用点数,如:width=50,也可以使用百分比,如:width=50%。
<table bgcolor=*></ta ......