如何将元素放入html表[重复]答案

【问题标题】：How to get elements into the html table [duplicate]如何将元素放入html表[重复]
【发布时间】：2012-09-26 09:16:21
【问题描述】：

可能重复：
Trying to use Google Places API with JQuery's getJSON function

我正在尝试将元素读入表格。

我将元素放入文本字段。相反，我想在表格中显示..

下面是代码

   function createMarker(place) {
        //var placeLoc = place.geometry.location;
        var request = {
          reference: place.reference
        };

        service = new google.maps.places.PlacesService(map);
        service.getDetails(request, callback);
        service.getDetails(request, function(details, status) {//alert("address  "+details.formatted_address);

        document.getElementById('box1').value=details.formatted_address;
        document.getElementById('box2').value=details.name;
        document.getElementById('box3').value=details.international_phone_number;

    });

  }
   google.maps.event.addDomListener(window, 'load', initialize);

  </script>
  </head>
  <body>

  <input type="text" id="box1" size="20"/>
  <input type="text" id="box2" size="50"/>
  <input type="text" id="box3" size="20"/>
    <div id="map"></div>
    <div id="text">

</body>
</html>

【问题讨论】：

标签： javascript html

【解决方案1】：

<html>
<head>
<style>
table {
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid black;
}
table tr:first-child th {
  border-top: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
  border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
  border-right: 0;
}
</style>
<script>
  function createMarker(place) {
    //var placeLoc = place.geometry.location;
     var request = {
     reference: place.reference
    };

    service = new google.maps.places.PlacesService(map);
    service.getDetails(request, function(details, status) {//alert("address  "+details.formatted_address);

      document.getElementById('box1').innerHTML=details.formatted_address;
      document.getElementById('box2').innerHTML=details.name;
      document.getElementById('box3').innerHTML=details.international_phone_number;    
   });

  }
  google.maps.event.addDomListener(window, 'load', initialize);

  </script>
  </head>
  <body>

  <table>
  <tr><td>Address:</td><td id="box1"></td></tr>
  <tr><td>Name:</td><td id="box2"></td>
  <tr><td>Phone:</td><td id="box3"></td>
  </tr>
  </table>

   <div id="map"></div>
   <div id="text">

</body>
</html>

【讨论】：

document.getElementById('box1').innerHTML=details.formatted_address; document.getElementById('box2').innerHTML=details.name; document.getElementById('box3').innerHTML=details.international_phone_number; }); } google.maps.event.addDomListener(window, 'load', 初始化);

我在上面做了，但没有创建表

获取输出但不是表格格式，只显示纯文本

换桌！！！ - 立即查看编辑

嗨..现在我没有得到输出..如何使用这个-document.write("");