Проблема с ячейкой таблицы в хроме

Таблица .cells вернет все внутренние ячейки в таблице. Он отлично работает в IE, но в Chrome .cells вернет undefined, потому что такого свойства не существует. Нам нужно перебирать каждую строку, чтобы найти ячейки. Есть ли другой способ получить все ячейки в Chrome?

function myFunction() {
     var x = document.getElementById("myTable").cells.length;
     document.getElementById("demo").innerHTML = "Found " + x + " cells in 
     the first tr element.";
}

<table id = "myTable">
  <tr>
      <td>cell 1</td>
      <td>cell 2</td>
  </tr>
  <tr>
      <td>cell 3</td>
      <td>cell 4</td>
  </tr>
</table>

javascript html google-chrome

24.10.2018 13:40

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

241

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Там ничего нет под названием document.getElementById("myTable").cells.length.cells фактически ничего не возвращает, поэтому ваша переменная x возвращает undefined, и вы не получаете номера ячеек.

Вместо этого вы можете сделать следующее:

function myFunction() {
     var x = document.getElementById("myTable");
     // if you need all the cells which is td elements
     var cells = x.getElementsByTagName('td');
     
     // if you need only cells in a single row which is a tr element
     var cellsPerRow = x.getElementsByTagName('tr')[0].getElementsByTagName('td');
     document.getElementById("demo").innerHTML = "Found " + cellsPerRow.length + " cells in the first tr element." + "And " + cells.length + " cells in total" ;
}

myFunction();

<table id = "myTable">
  <tr>
      <td>cell 1</td>
      <td>cell 2</td>
  </tr>
  <tr>
      <td>cell 3</td>
      <td>cell 4</td>
  </tr>
</table>

<div id='demo'></div>

24.10.2018 14:02

Другие вопросы по теме

Как удалить круглый контейнер для значков навигации jQuery Mobile?

Получить идентификатор выбранного td в tr с помощью jquery

Как использовать атрибут mailto, не открывая вкладку браузера с помощью JSON?

Выбрать элемент после элемента с определенным дочерним элементом

Как преобразовать тег <pre> в HTML с помощью JavaScript или jQuery

Какой элегантный способ изменить содержимое при изменении размера

Как изменить цвет кнопки на красный (основной цвет на красный цвет) после нажатия кнопки?

Календарь jquery, как показать месяц и год

Дочерний элемент Flex выходит из родительского элемента контейнера с помощью прокрутки переполнения

Как не отображать поле дважды при печати с помощью Chrome окна div с фоном, который не помещается до разрыва страницы?

Проблема с ячейкой таблицы в хроме

Ответы 1

Другие вопросы по теме

Похожие вопросы