Javascript: заполнение списков HTML с помощью createElement & appendChild - PullRequest
Новая
       3

Javascript: заполнение списков HTML с помощью createElement & appendChild

1 голос
/ 19 июля 2011

Я пытаюсь создать динамический интерфейс, который заполняет ссылки, чтобы выглядеть следующим образом: http://sandrayoon.com/UAI/www3/find.php

Каждая из этих кнопок «место» находится в стандартном списке HTML, но когда я объединяю этот интерфейс споиск по Google Местам на основе местоположения здесь:

http://sandrayoon.com/UAI/www3/placesstyle.php

Перечисленные ссылки не соответствуют интерфейсу кнопки.Это код JS, который я использую: 

 function searchComplete(place) {   

  document.getElementById('content').innerHTML = '';

      //Create HTML elements for search results
      var li = document.createElement('li');
      var a = document.createElement('a');
      var b = document.createElement('b');

      a.href = "https://maps.googleapis.com/maps/api/place/details/json?reference="+place.reference+"&sensor=true&key=xxxxxxxxxxxxxxxxxxx"; 
        a.innerHTML = place.name;
      b.innerHTML = "<br>" + 
        place.vicinity;

      // Append search results to the HTML nodes
      li.appendChild(a);
      li.appendChild(b);
      document.body.appendChild(li);      
}

И он заполняется в HTML с помощью: 

<div id="find_list" data-role="page">

   <h2>Places Around You</h2>
     <ul id="place_list">
        <div id="content" class="ui-link"></div>
     </ul>

</div>

1 Ответ

4 голосов
/ 19 июля 2011

вы вставляете свой li в document.body, и он должен быть вставлен в список (ul, ol ...), и я не очень уверен, но я думаю, что ul не может содержать div только li

...