JS怎样动态在一个table中创建一个button

 时间:2024-10-27 10:11:26

介绍如何用js在一个table中新增一行和在某一行中新增按钮。

工具/原料

html、js

NotePad++

动态在table中添加行

1、首先新建一个html文件index.html。

JS怎样动态在一个table中创建一个button

2、然后用可以编辑文本文件的软件打开,我这里用的是NotePad++。在index.html中写入基本的元素。

JS怎样动态在一个table中创建一个button

3、接着在body写入一个table和一个input。

JS怎样动态在一个table中创建一个button

4、然后编写addRow()函数,该函数的两个参数分别为用户名和电话号码。

JS怎样动态在一个table中创建一个button

5、index.html的完整内容如图。

JS怎样动态在一个table中创建一个button
JS怎样动态在一个table中创建一个button

6、用浏览器打开,效果如图。

JS怎样动态在一个table中创建一个button
JS怎样动态在一个table中创建一个button

动态在table中的某一行添加按钮

1、修改上面的index.html文件。如图先修改body中的内容。

JS怎样动态在一个table中创建一个button

2、然后编写addButton()函数如图。

JS怎样动态在一个table中创建一个button

3、修改后将文件保存,用浏览器打开修改后的文件,效果如图。

JS怎样动态在一个table中创建一个button
JS怎样动态在一个table中创建一个button
  • javascript(js)中怎么获取下拉框option的值?
  • 在Eclipse中如何对Java类文件进行格式化显示
  • 脚上脱皮是怎么回事怎么办
  • OllyDBG怎么接受等同于NOP的命令
  • 在JSP中处理换行和空格的问题
  • 热门搜索
    感恩节的手抄报 字谜手抄报 关于冬天的手抄报 争当美德少年手抄报 好读书读好书手抄报 关于感恩老师的手抄报 快乐五一英语手抄报 五水共治手抄报图画 国庆节手抄报简单又好画 有关科学的手抄报