【javascript/Jquery】看小弟我写的哪里出有关问题了
日期：2014-05-16 浏览次数：20321 次
【javascript/Jquery】看我写的哪里出问题了
//以下是head.html中的代码
------解决方案--------------------
$(function(){
var nv=$("#nv").load("partPage/head.html",{}, function (){
obj=nv.getElementById("1");
var img=nv.createElement("img");
img.src="src/home.png";
obj.appendChild(img);
});
});
<html>
<head>
<title>关于jquery获取额外加载的页面中的元素对象</title>
</head>
<body>
<!--导航-->
<div id="nv">
</div>
<script>
var nv=$("#nv").load("partPage/head.html");
</script>
<div class="clear"></div>
<script>
obj=nv.getElementById("1");
var img=nv.createElement("img");
img.src="src/home.png";
obj.appendChild(img);
</script>
</body>
</html>
//以下是head.html中的代码
<style>
.nv_logo{width: 950px;padding-top: 30px;}
.logo{width: 192px;height: 100px;float: left}
.nv{width: 700px;height: 35px;background-image: url("src/nv.png") ; background-repeat: no-repeat;float: right;margin-top: 28px;background-position: 0px 3px;}
.nv a{text-align: center; float: left;height: 30px;width: 100px;margin-top: -2px;}
</style>
<div class="nv_logo">
<!--logo-->
<div class="logo">
<img src="src/logo.png" />
</div>
<!--服务电话-->
<div style="float: right;margin-top: 0px;">
<img src="src/serverph.png" />
</div>
<!--导航-->
<div class="nv">
<a href="index.html" id="1" style="margin-left: -3px;"></a><a href="about.html" id="2"></a><a href="services.html" id="3"></a><a href="show.html" id="4"></a><a href="server.html" id="5"></a><a href="contact.html" id="6"></a><a href="vip.html" id="7"></a>
</div>
</div>
------解决方案--------------------
$(function(){
var nv=$("#nv").load("partPage/head.html",{}, function (){
obj=nv.getElementById("1");
var img=nv.createElement("img");
img.src="src/home.png";
obj.appendChild(img);
});
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
