Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我需要使用innerHTML以外的东西!!!任何想法我试图附加到孩子,但不是像我想要的工作_Javascript_Dom_Dom Manipulation - Fatal编程技术网

Javascript 我需要使用innerHTML以外的东西!!!任何想法我试图附加到孩子,但不是像我想要的工作

Javascript 我需要使用innerHTML以外的东西!!!任何想法我试图附加到孩子,但不是像我想要的工作,javascript,dom,dom-manipulation,Javascript,Dom,Dom Manipulation,好的,它确实会在底部显示信息,但我想使用innerHTML以外的东西。我尝试了下面的代码,但它显示的信息非常奇怪 document.getElementById('myinfo').firstChild.nodeValue = content; 任何人都有其他的建议 //此代码编写映射 函数initAutocomplete(){ var map=new google.maps.map(document.getElementById('map'){ 中心:{ 纬度:39.790117, 液化天

好的,它确实会在底部显示信息,但我想使用
innerHTML
以外的东西。我尝试了下面的代码,但它显示的信息非常奇怪

document.getElementById('myinfo').firstChild.nodeValue = content;
任何人都有其他的建议

//此代码编写映射
函数initAutocomplete(){
var map=new google.maps.map(document.getElementById('map'){
中心:{
纬度:39.790117,
液化天然气:-96.584307
},
缩放:4,
滚轮:错误,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
//此代码用于搜索框
var input=document.getElementById('pac-input');
var searchBox=new google.maps.places.searchBox(输入,null);
google.maps.event.addListener(搜索框,'places_changed',函数(){
var places=searchBox.getPlaces();
var bounds=new google.maps.LatLngBounds();
for(i=0;place=places[i];i++){
console.log(“测试”);
扩展(place.geometry.location);
}
映射边界(bounds);
map.setZoom(12);
});
//这是高尔夫球场的数据
var位置=[];
位置。推({
名称:“鹈鹕山高尔夫俱乐部”,
地址:“加利福尼亚州纽波特海滩南鹈鹕山路22800号,邮编92657”,
网址:“golfpelicanhill.com”,
电话:“(866)921-3139”,
latlng:新的google.maps.latlng(33.587368,-117.843351)
});
对于(变量i=0;i-()

'+location.address+”
'+location.city+,“+location.state+”+location.zip+”
'+location.phone+”

; google.maps.event.addListener(标记,'单击',(函数(标记,内容){ 返回函数(){ document.getElementById('myinfo')。innerHTML=content; } })(标记、内容); } }
#地图{
边缘顶部:50px;
宽度:65%;
身高:50%;
}
输入{
填充顶部:10px;
左侧填充:10px;
右边填充:10px;
垫底:10px;
}
.控制{
边缘顶部:10px;
边框:1px实心透明;
边界半径:2px 0 0 2px;
框大小:边框框;
-moz框大小:边框框;
高度:32px;
大纲:无;
盒影:0 2px 6px rgba(0,0,0,0.3);
}
#pac输入{
背景色:#fff;
字体系列:Roboto;
字体大小:15px;
字体大小:300;
左边距:12px;
填充:0 11px 0 13px;
宽度:300px;
}
#pac输入:焦点{
边框颜色:#4d90fe;
}
.pac集装箱{
字体系列:Roboto;
}
#类型选择器{
颜色:#fff;
背景色:#4d90fe;
填充:5px11px 0px 11px;
}
#类型选择器标签{
字体系列:Roboto;
字体大小:13px;
字体大小:300;
}
#目标{
宽度:345px;
}
身体{
宽度:100%;
身高:100%;
}
html{
宽度:100%;
身高:100%;
}
.导言部分{
身高:100%;
宽度:100%;
填充顶部:25px;
文本对齐:居中;
}
.集装箱{
不透明度:0.8;
背景色:rgba(0,0,0,0.9);
背景附件:固定;
背景尺寸:封面,包含;
背景位置:中心;
背景重复:无重复;
背景图像:url(“http://bunkerhillgolf.com/wp-content/uploads/2013/12/Bunker-Hill-Green.jpg");
}
#我的信息{
背景色:#fff;
宽度:65%;
}

高尔夫网页

为什么你必须使用
innerHTML
之外的东西呢?因为我被告知不要使用它,并尝试操作DOM,在它后面添加一些东西,这只是我试图保持的一个习惯,而DOM比我读到的更快,链接示例有点模糊,但我仍在尝试其他方法,如果我找到了我的问题的答案,我会链接,但感谢@whitehattit显示的信息非常奇怪-以什么方式显示非常奇怪-如果你将HTML添加到节点值,它可能不会像你所期望的那样工作。。。请更好地描述一下非常奇怪的东西,为什么你必须使用
innerHTML
以外的东西?因为我被告知不要使用它,并尝试操作DOM,在它后面附加一些东西,这只是我试图保持的一个习惯,从我读到的链接示例有点模糊,DOM更快,但我仍在尝试其他方法,如果我找到了我的问题的答案,我会链接,但感谢@whitehattit显示的信息非常奇怪-以什么方式显示非常奇怪-如果你将HTML添加到节点值,它可能不会像你所期望的那样工作。。。请描述得再清楚一点