Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как получить 2 id элемента? И привязать к ним новый (https://javascript.ru/forum/misc/71772-kak-poluchit-2-id-ehlementa-i-privyazat-k-nim-novyjj.html)

panikajo 11.12.2017 15:17

Как получить 2 id элемента? И привязать к ним новый
 
Привет всем.
Вот у меня есть
document.getElements('td')[104];
document.getElements('td')[1];
Как сделать их в один элемент т.е
Типо так - document.getElements('td')[104],[1];
И как к ним создать document.createElement('div') и привязать его к двум td элементам.
Затем мне надо просто эти элементы покрасить background_color; red

рони 11.12.2017 15:21

panikajo,
подожду переводчика ...

Белый шум 11.12.2017 15:31

var td = document.getElementsByTagName('td');
И далее обращаться к конкретному через индекс: td[104] и td[1]

Подробнее - https://learn.javascript.ru/searching-elements-dom

panikajo 11.12.2017 15:49

Цитата:

Сообщение от Белый шум (Сообщение 472610)
var td = document.getElementsByTagName('td');
И далее обращаться к конкретному через индекс: td[104] и td[1]

Подробнее - https://learn.javascript.ru/searching-elements-dom

Спасибо, вопрос еще другой.
У меня вышло так document.getElements('td')[1].setAttribute('style', "background-color: red;");

Как сделать чтобы выделился не полностью элемент, а именно блок?

Dilettante_Pro 11.12.2017 15:49

panikajo,
Цитата:

Сообщение от panikajo
Как сделать их в один элемент т.е
Типо так - document.getElements('td')[104],[1];

Никак - это два разных элемента DOM
Выбрать сразу два можно по какому-то другому признаку, например, class.
<table>
  <tr>
   <td class="sel">1</td><td>2</td><td class="sel">3</td>
  </tr>
</table>
<script>
   alert(document.querySelectorAll('.sel').length);
</script>

Dilettante_Pro 11.12.2017 15:52

panikajo,
Цитата:

Сообщение от panikajo
Как сделать чтобы выделился не полностью элемент, а именно блок?

Вы же создаете этот div - так и задайте именно ему нужный style сразу после создания

Dilettante_Pro 12.12.2017 15:23

<table>
  <tr>
   <td class="sel">1</td><td>2</td><td class="sel">3</td>
  </tr>
</table>
<script>
   var cells = document.querySelectorAll('.sel');
    for(var i = 0; i < cells.length; i++){
       var d = document.createElement("div");
       d.style = "width:100px;height:100px;background-color: red;";
       cells[i].appendChild(d);
    }
</script>


Часовой пояс GMT +3, время: 08:18.