如何隐藏table中的指定列

新建一个html文件,定名为test.html,用于实现点击埋没表格指心猿意马列的功能。

  • 2

    在test.html页面,利用table标签建立四行三列的表格,<caption></caption>作为题目,下面将给它绑心猿意马点击事务,实现点击埋没价钱列。

  • 3

    利用css美化表格,设置表格的边框、字体巨细、对齐体例、内边距等样式,代码如下:

  • 4

    利用js中的window.onload方式,在页面加载的时辰执行function函数,下面将在function函数内实现埋没表格列逻辑。代码如下:

  • 5

    利用js中的document.getElementsByTagName()方式获得表格对象,并赋值给tab变量,用于下面获得表格内的caption对象。代码如下:

  • 6

    给caption绑心猿意马onclick点击事务,当点击事务被触发时,执行function函数,在function函数内利用for轮回“价钱”列,把价钱列中的每个单位格display属性都设置为none,即埋没不显示单位格。代码如下:

    至此,完当作所有代码的编写。

  • 7

    在浏览器运行test.html文件,当点击“埋没价钱”时,把价钱列埋没 ,实此刻table表格中利用js埋没指心猿意马列的功能。

    • 发表于 2019-08-07 00:16
    • 阅读 ( 950 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    admin
    admin

    0 篇文章

    作家榜 »

    1. xiaonan123 189 文章
    2. 汤依妹儿 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 华志健 23 文章

    联系我们:uytrv@hotmail.com 问答工具