Получить идентификатор динамически созданного элемента JavaScript

Question

У меня есть список, который динамически создается следующим образом:

inner += "<li class='linkstyl'> <a href='#"+tot+"' id='a"+tot
         + "' style='text-decoration:none'  onclick='addpoint("
         + results[0].geometry.location.lat()+","
         + results[0].geometry.location.lng()+")'> " 
         + results[0].formatted_address+"</a></li>"

Тогда я использую:

$("#showaddress").html(inner);  // to insert it inside <ul> with id as  showaddress .

Моя проблема в том, что когда я пытаюсь getElementById из этого динамически создаваемых элементов он возвращает мне нулевое значение.
Как мне ссылаться на это динамически созданные элементы?

Answer 1

JavaScript является асинхронным. Возможно, элементы еще не доступны, когда вы пытаетесь их получить. Попробуйте выбрать селектор в самом обратном вызове, где вы получите ответ от геокодера.

Answer 2

Этот код отлично работает. Возможно, вы пытаетесь использовать getElementById() до завершения запроса ajax. На этом этапе элементы еще не будут на странице. В противном случае, возможно, ваша tot переменная не содержит того, что вы думаете.

Попробуйте проверить эти две вещи.