Как установить текст div в его идентификатор в javascript

чего я пытаюсь добиться, так это установить текст тега div на имя, если его идентификатор из javascript. Я пробовал это;

 mydiv.getElementsByClassName("divDesign").innerHTML = document.getElementsByClassName("divDesign").getElementById;

Однако это возвращает undefined в теге div вместо записи его идентификатора.


javascript html dom getelementsbyclassname getelementbyid
person Henry    schedule 25.02.2016    source источник
comment
getElementById нужен параметр, проверьте этот stackoverflow.com/questions/3623110/get-an-elements-id   -  person Mathieu Gemard    schedule 25.02.2016
comment
Если вы хотите получить идентификатор, вы должны использовать .id, а не .getElementById.   -  person Zakaria Acharki    schedule 25.02.2016
comment
Спасибо @ZakariaAcharki, что сделали свое дело :)   -  person Henry    schedule 25.02.2016

Ответы (2)


arrow_upward
0
arrow_downward

Вам нужно указать индекс элемента, так как document.getElementsByClassName("divDesign") возвращает список узлов.

document.getElementsByClassName("divDesign")[0].innerHTML = 
    document.getElementsByClassName("divDesign")[0].id;
<div class="divDesign" id="iAmAnId"></div>

person kanudo    schedule 25.02.2016

arrow_upward
0
arrow_downward

Используя метод getAttribute():

Для первого элемента div с ClassName = 'divDesign':

document.getElementsByClassName('divDesign')[0].innerHTML = document.getElementsByClassName('divDesign')[0].getAttribute('id');

Для всех разделов с ClassName = 'divDesign':

var mydivs = document.getElementsByClassName('divDesign');

for (var index = 0; index < mydivs.length; index++) {
  mydivs[index].innerHTML = mydivs[index].getAttribute('id');
}
<div class="divDesign" id="someId"></div>

Используя свойство id():

Для первого элемента div с ClassName = 'divDesign':

document.getElementsByClassName('divDesign')[0].innerHTML = document.getElementsByClassName('divDesign')[0].id;

Для всех разделов с ClassName = 'divDesign':

var mydivs = document.getElementsByClassName('divDesign');

for (var index = 0; index < mydivs.length; index++) {
  mydivs[index].innerHTML = mydivs[index].id;
}
<div class="divDesign" id="someId"></div>

Или с помощью метода jQuery attr()...

Документация:
W3Schools
MDN

person Thomas Orlita    schedule 25.02.2016