咨询热线:15811653920

2009-2017

我们一直走在国际设计的前沿,追求与研究从未停止

我的位置:首页 > 学院 > javascript

js给表格加上边框线条

function addFixedBorderToTable(tableId) {    

//const table = document.getElementById(tableId);    

//const table =$("#artcontentbody table");    

const table = tableId;    

if (table) {    

table.style.borderCollapse = 'collapse';    

table.style.border = '1px solid #e5e5e5';    


const cells = table.getElementsByTagName('td');    

for (let i = 0; i < cells.length; i++) {    

cells[i].style.border = '1px solid #e5e5e5';    

}    

}    

}    


// 使用函数为ID为'myTable'的表格添加固定边框    

//addFixedBorderToTable('mytabel');    



var container = document.getElementById('artbodycontent');    


// 获取该元素内部的第一个表格    

//var table = container.querySelector('table');    

//addFixedBorderToTable(table);    


// 如果想要获取该元素内部的所有表格    

var tables = container.querySelectorAll('table');    

tables.forEach((table) => {    

// 在这里处理每个表格    

console.log(table); // 输出表格元素    

addFixedBorderToTable(table);    

});    


var wapcontainer = document.getElementById('wapartbodycontent');    


// 获取该元素内部的第一个表格    

//var table = container.querySelector('table');    

//addFixedBorderToTable(table);    


// 如果想要获取该元素内部的所有表格    

var waptables = wapcontainer.querySelectorAll('table');    

waptables.forEach((table) => {    

// 在这里处理每个表格    

console.log(table); // 输出表格元素    

addFixedBorderToTable(table);    

});    



// 遍历所有表格    

/*    

tables.forEach((table) => {    

// 在这里处理每个表格    

console.log(table); // 输出表格元素    

// 如果你想获取表格中的所有行    

const rows = table.querySelectorAll('tr');    

rows.forEach((row) => {    

// 在这里处理每行    

console.log(row); // 输出行元素    

// 如果你还想获取每行中的单元格    

const cells = row.querySelectorAll('td');    

cells.forEach((cell) => {    

// 在这里处理每个单元格    

console.log(cell.textContent); // 输出单元格的文本内容    

});    

});    

});    

*/    

想了解更多,请访问齐创互联,需要网站建设,浏览快速建站模板快速建站
点击在线客服联系客服,联系电话:15811653920 联系人: 丁生.


感谢您关注我们,如果您有建站需求,请与我们取得联系。
扫一扫上面的二维码图案,加我微信
扫一扫上面的二维码图案,加我微信
咨询直线:15811653920 丁生

建站模板

Web Templates

建站龙头,低价保证,贴心服务

权威认证建站龙头企业,合理定价,实现与客户的长期合作,30万家企业级用户优选!