【免费】JS控制CSS.zip资源-CSDN文库

共2个文件

html：2个

需积分: 0 117 浏览量 2024-11-26 09:15:26 上传评论收藏 2KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JS控制CSS.zip （2个子文件）

JS控制CSS

tu.html 1KB

作业.html 1KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> table{ border-collapse:collapse; } td{ border:1px solid black; } </style> </head> <body>  <table id="table"> <tr> <td>第一行</td> <td>刘蕾</td> </tr> <tr> <td>第二行</td> <td>朱粤</td> </tr> </table> <button id="add" onclick="add()">添加</button> </body> <script> function add(){ //获取table元素 var table=document.querySelector("#table"); //获取table中的已有的tr var tr=table.innerHTML;//有些浏览器可能没有加tbody //判断tr中是否有tbody var i=tr.indexOf("<tbody>"); if(i>=0){ //tr字符串中有tbody //alert(typeof(tr));//当前tr是string //tr = tr.innerHTML;//tr不是html对象，不能获取到innerHTML //alert(tr); //用字符串的方法去处理 var len=tr.length; tr=tr.substring(i+7,len-8); } var newtr="<tr><td>第三行</td><td>"+?+"</td></tr>"; tr=tr+newtr; //新的tr回填到table中 table.innerHTML=tr; //document.write("") } </script> </html>

评论收藏

内容反馈