На моей странице Html есть 2 таблицы:
class='af_column_column-header-table' and
id = 'Table1' '.css:
.af_column_column-header-table {
width = 100% !important;
}
Проблема:
Я хочу сделать это только для первой таблицы.
PS: У меня на моей странице много таблиц, которые используют тот же класс style af_column_column-header-table
.
Вы можете использовать querySelectorAll
с помощью :first-child
чтобы выбрать первую таблицу, а затем установить стиль, используя .style.width
:
var rows_count = document.querySelectorAll('table.af_column_column-header-table:first-child tr').length;
if( rows_count > 1){
document.getElementById('Table1').style.width = '99.3%';
}
У меня на моей странице много таблиц, которые используют тот же класс style af_column_column-header-table, который я хочу сделать только для первой таблицы.
Это будет достигнуто с использованием :first-child
селектора :first-child
.
document.querySelector('.af_column_column-header-table').rows.length
попробуйте это. Даст вам первый в DOM.querySelectorAll()
выдаст все таблицы.if (document.getElementById("Table1").getElementsByTagName("tr").length > 0)
затем измените ширину