Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS как добратся до родительской таблицы? / 3 сообщений из 3, страница 1 из 1
14.12.2015, 10:20
    #39127018
lolo1
lolo1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS как добратся до родительской таблицы?
Добрый день!
У меня таблица, у которой есть id.
Мне нужно вот от этого элемента document.getElementById("id_name") добратся до <table>.
У document.getElementById("id_name") этого элемента есть куча Parent. Но это все находится в <thead> таблицы.
Мне нужно получить элемент <table>.
P.S. добраться до <table> можно совершенно дурацким способом parentElement 10 раз если написать примерно))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.12.2015, 12:44
    #39127170
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS как добратся до родительской таблицы?
lolo1Добрый день!
У меня таблица, у которой есть id.
Мне нужно вот от этого элемента document.getElementById("id_name") добратся до <table>.
У document.getElementById("id_name") этого элемента есть куча Parent. Но это все находится в <thead> таблицы.
Мне нужно получить элемент <table>.
P.S. добраться до <table> можно совершенно дурацким способом parentElement 10 раз если написать примерно))
dowhile вам в помощь
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.12.2015, 13:28
    #39127248
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS как добратся до родительской таблицы?
lolo1,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
table {border-collapse:collapse;}
td {border:1px solid #ccc; padding:5px;}
</style>
</head>
<body>
<table id="data">
  <tr> <td>Текст в ячейке
    <div>Здесь див  <p>Текст абзаца, который внутри див</p>  <span>Текст в спан</span>  </div>
  </td> <td>1234567890</td> </tr>
  <tr> <td>1234567890</td> <td>1234567890</td> </tr>
</table>
<script>
document.getElementById('data').addEventListener('click', showTable, true);
function showTable(e) {
  var myTable = getTable(e.target);
  myTable.style.border = '2px dotted #f00';

  function getTable(node) {
    while(node) {
      if (node.tagName == 'TABLE') {return node;}
      else node = node.parentElement;
    }
    return null;
  }
}
</script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS как добратся до родительской таблицы? / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 451ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445546]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 150ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 221ms
total:  451ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]