Как получить 2 id элемента? И привязать к ним новый

[panikajo]

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

[рони]

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

[Белый шум]

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

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

[panikajo]

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]

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]

panikajo,

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

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

[Dilettante_Pro]

<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>