Javascript 如何将元素放入html表中_Javascript_Html

Javascript 如何将元素放入html表中

javascript html

Javascript 如何将元素放入html表中,javascript,html,Javascript,Html,可能重复：我正在尝试将元素读入表中我正在将元素放入文本字段中。相反，我想在一张桌子上展示下面是代码 function createMarker(place) { //var placeLoc = place.geometry.location; var request = { reference: place.reference }; service = new google.maps.place

可能重复：

我正在尝试将元素读入表中

我正在将元素放入文本字段中。相反，我想在一张桌子上展示

下面是代码

   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>

函数createMarker（位置）{
//var placeLoc=place.geometry.location；
var请求={
参考：place.reference
};
服务=新的google.maps.places.PlacesService（地图）；
获取详细信息（请求、回调）；
getDetails（请求、函数（详细信息、状态）{//alert（“地址”+详细信息.格式化的\u地址）；
document.getElementById（'box1'）。value=details.formatted\u地址；
document.getElementById（'box2'）。value=details.name；
document.getElementById（'box3'）。value=details.international\u phone\u number；
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；


桌子{
边界塌陷：塌陷；
}
表td，表th{
边框：1px纯黑；
}
表tr：第一胎th{
边界顶部：0；
}
表tr：最后一个孩子td{
边界底部：0；
}
表tr td：第一个孩子，
表tr th：第一个孩子{
左边框：0；
}
表tr td：最后一个孩子，
表tr th：最后一个孩子{
右边界：0；
}
函数createMarker（place）{
//var placeLoc=place.geometry.location；
var请求={
参考：place.reference
};
服务=新的google.maps.places.PlacesService（地图）；
getDetails（请求、函数（详细信息、状态）{//alert（“地址”+详细信息.格式化的\u地址）；
document.getElementById（'box1'）。innerHTML=details.formatted\u地址；
document.getElementById（'box2'）.innerHTML=details.name；
document.getElementById（'box3'）。innerHTML=details.international\u phone\u number；
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
地址:
姓名：
电话：

document.getElementById（'box1'）。innerHTML=details.formatted\u地址；document.getElementById（'box2'）.innerHTML=details.name；document.getElementById（'box3'）。innerHTML=details.international_phone_number；}）；}google.maps.event.addDomListener（窗口“加载”，初始化）；我在上面做了，但是表格没有被创建设置输出，但不是表格格式，只是显示纯文本更改表格！！！-现在我没有得到输出。如何使用这个-文档。写（“”）；

<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>