用js在HTML中建表格

用js在HTML中建表格,第1张

不要用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>

下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容

<!DOCTYPE html>

<html>

<head>

<script>

function cell()

{

var x=document.getElementById('myTable').rows[0].cells

alert(x[0].innerHTML)

}

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7179800.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存