Question

我正在尝试创建一个动态界面，将链接填充为如下所示：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>

Answer 1

您正在将li插入document.body并将其插入列表（ul，ol ...），我不太确定，但我认为{{1} }不能仅包含ul

div

Javascript：使用createElement和amp;填充HTML列表使用appendChild

1 个答案: