用js在HTML中建表格

不要用document.write()，否则输出的内容会替换掉整个页面已有的内容。此外要注意字符串中引号的嵌套用法。

<div id=mytab></div>

<input type="button" value="点击创建表格" onclick="tab()">

<script>

function tab(){

    var tabs=""

    tabs+="<table width='250' border='1'>"

    tabs+="<tr>"

    tabs+="<td>第一个单元格</td>"

    tabs+="<td>第二个单元格</td>"

    tabs+="</tr>"

    tabs+="<tr>"

    tabs+="<td>第三个单元格</td>"

    tabs+="<td>第四个单元格</td>"

    tabs+="</tr>"

    tabs+="</table>"

    var div=document.getElementById("mytab")

    div.innerHTML=tabs

}

</script>

您好：首先动态创建表格。

定义好表格的html代码：

“<table><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td></tr></table>”

然后用js的createElement（）方法，或者用jqurey的$("html代码")创建元素。然后用apendchild()方法动态插入到网页中就可以了。td里面是文本框的话，默认就会有tab键移动光标等效果的，不用自己写。(自己写也可以，就是让文本框活的焦点，blur一下就行)。至于删除行和列的话，可以先的到删除行的id或者class，然后remove()一下就可以了。

1、首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮：

2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示：

3、在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果：

4、保存好html文件后使用浏览器打开，此时还没有创建div：

5、最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的 *** 作：

---