Перемещение по таблице. Прошу помощи.
Всем доброго времени суток. Подскажите пожалуйста куда копать.
Хочу понять схему перемещения по таблице. Как пример: <td> <tr>111</tr> <tr>222</tr> <tr>333</tr> <tr>444</tr> <td> <td> <tr>555</tr> <tr>bingo</tr> <tr>777</tr> <tr>ссылка</tr> <td> Нужно пройтись по всем td. И если в любом из них 2й tr равен bingo то в 4м tr этого же td изменить фон на допустим красный либо нажать на ссылку находящуюся в этом tr Буду рад любым комментариям и наставлениям. За ссылки на нужные статьи буду благодарен. С ув. |
Это из какой html-спецификации такая таблица?
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="">
<meta name="description" content="">
<title>ГГ</title>
<style>
*{
margin:0;
padding:0;
outline: 0;
}
table {
margin: 50px;
width: 300px;
height: 300px;
}
td {
margin: 5px;
padding: 5px;
border: 1px solid #08c;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
</tr>
<tr>
<td>555</td>
<td>bingo</td>
<td>777</td>
<td>ссылка</td>
</tr>
</tbody>
</table>
<script>
var tds = document.querySelectorAll('tr');
for (var i = 0; i < tds.length; i++){
var tr = tds[i].querySelectorAll('td');
if (tr[1].innerHTML == 'bingo')
tr[3].style.backgroundColor = 'red';
}
</script>
</body>
</html>
|
Цитата:
|
Спасибо).
|
| Часовой пояс GMT +3, время: 18:29. |