Узнать ширину ячеек таблицы
Здравствуйте
Есть таблица (с айди), в которой 4 ячейки в каждой строке Подскажите, как можно узнать ширину каждой ячейки (в td айди нет) (без jQuery) ширину всей таблицы узнаю так:
document.body.onload = function() {
tbl = document.getElementById('iItemTbl');
tbl = tbl.offsetWidth;
document.getElementById("zzz").innerText = tbl;
}
|
Попробуйте как-то так:
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('#iItemTbl td').forEach(function (node) {
console.log(node, node.offsetWidth);
});
});
|
document.body.onload = function() {
const tbl = document.getElementById('iItemTbl');
const tblwidth = tbl.offsetWidth;
const cellwidth = [];
const cells = tbl.rows[0].cells;
for (let i = 0; i < cells.length; i++) {
cellwidth.push(cells[i].offsetWidth)
}
document.getElementById("zzz").innerText = tblwidth +' ' + cellwidth.join(',');
}
или короче
document.body.onload = function() {
const tbl = document.getElementById('iItemTbl');
const tblwidth = tbl.offsetWidth;
const cells = tbl.tBodies[0].rows[0].cells;
const cellwidth = Array.from(cells, (cell) => cells[i].offsetWidth);
document.getElementById("zzz").innerText = tblwidth +' ' + cellwidth.join(',');
}
|
voraa, да, ширину ячеек получил, но все размеры ширины в одной переменной cellwidth, как можно сделать - четыре переменной с размерами для каждой ячейки
да, забыл написать, JS будет для гаджета windows 7, который использует IE8 |
Nexus, к сожалению JS не выполняется, извините, но я забыл написать что нужно с поддержкой IE8 (для гаджета Windows 7)
|
voraa, разобрался, cellwidth[0] cellwidth[1]... Спасибо!
|
voraa, еще вопрос, поможете? Как переменную с шириной ячейки применить к td, так не получается:
document.body.onload = function() {
tbl = document.getElementById('iItemTbl');
tblwidth = tbl.offsetWidth;
cellwidth = [];
cells = tbl.tBodies[0].rows[0].cells;
for ( i = 0; i < cells.length; i++) {
cellwidth.push(cells[i].offsetWidth)
}
tbl = cellwidth[2];
document.getElementById("zzz").innerText = tbl;
}
????? <td style="width:'+tbl+'px;"></td> |
sashgera,
Свойство style |
рони, разобрался, спасибо!
document.getElementById('linksHeadings').rows[0].cells[0].style.width = tbl;
|
| Часовой пояс GMT +3, время: 01:03. |