получить идентификатор атрибута html

Question

Я занимаюсь разработкой Java-проекта Spring и хочу получить id атрибута HTML.

Вот мой код:

<canvas th:id="${weather2}" width="30" height="30"  name="naame" ></canvas>
..
..
..

И я хочу получить идентификатор здесь:

<script>
             var icons = new Skycons({"color": "#fff"}),

             var elements = document.getElementsByName("naame");
          var x =elements.getElementsByName("naame")[0].getAttribute( 'id' );
                  list  = [
                    "clear-night",
                //  x,
                    "wind","rain","cloudy", "snow","fog"
                  ],
                  i;


              for(i = list.length; i--; )
                icons.set(list[i], list[i]);


              icons.play();
        </script>

Answer 1

Вам необходимо удалить getElementsByName("naame") из третьей строки и просто оставить как elements[0].getAttribute('id').Так же, как код ниже.

var elements = document.getElementsByName('naame');
var x = elements[0].getAttribute('id');

Answer 2

Используйте этот подход: -

 <canvas th:attr="id=''+${weather2}+''" width="30" height="30"  name="naame" ></canvas>

Answer 3

Эти строки имеют дублированные вызовы:

var elements = document.getElementsByName("naame");
var x =elements.getElementsByName("naame")

Удалить любой из вызовов функций