JS实现表格搜索内容
烟花范:
首先按照html的规则,div是不允许使用在tr标签里的。
其次按照你的要求来说,这个附加的子元素111应该是同时和被搜索的元素一起出来的,那么可以看做是这个td的备注信息,那么更建议直接加一行td在tr下,这样也不用变更显示的代码
如果你不想显示在td的后面,你可以用css为这个子元素111定义一个特殊的样式,如display:absolute; display: none;这样就会脱离原来的表格位置来显示在你要求的位置,当名称被匹配到的时候,可以在对应循环里加上一条语句来显示这个子元素111,如tr[i].getElementsByTagName("td")[2].style.display = "block";
但是这样又有一个新的问题,如果你每一行都有一个这样的子元素111,当我输入搜索名称a的时候,会同时有三个名称被匹配到,会显示3个子元素111,他们都会显示在屏幕的同一个地方(如果你不分开设置的话)导致重叠,所以单独为一个子元素设置位置是没有意义的,当然也可以把其他不需要的td设置为空,这样就只存在这样一个特殊的子元素111
所以要添加一个子元素111来和一个对应的搜索值对应显示的话,显然是直接作为tr的子元素td加入更为合适,也可以用if来单独判断显示这个元素,不过这样的元素会导致页面代码变的及其复杂,也可能会有更简洁容易的方法,但是我不知道,哎嘿
我也是初学者,要是有不对的地方就当我没说,嘿嘿
|