新建一个html文件,定名为test.html,用于实现点击埋没表格指心猿意马列的功能。
在test.html页面,利用table标签建立四行三列的表格,<caption></caption>作为题目,下面将给它绑心猿意马点击事务,实现点击埋没价钱列。
利用css美化表格,设置表格的边框、字体巨细、对齐体例、内边距等样式,代码如下:
利用js中的window.onload方式,在页面加载的时辰执行function函数,下面将在function函数内实现埋没表格列逻辑。代码如下:
利用js中的document.getElementsByTagName()方式获得表格对象,并赋值给tab变量,用于下面获得表格内的caption对象。代码如下:
给caption绑心猿意马onclick点击事务,当点击事务被触发时,执行function函数,在function函数内利用for轮回“价钱”列,把价钱列中的每个单位格display属性都设置为none,即埋没不显示单位格。代码如下:
至此,完当作所有代码的编写。
在浏览器运行test.html文件,当点击“埋没价钱”时,把价钱列埋没 ,实此刻table表格中利用js埋没指心猿意马列的功能。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!