innerHTML动态加入图片?
<html><styletype="text/css"><!--#Layer1{position:absolute;left:95px;top:29px;width:58...
<html>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:95px;
top:29px;
width:580px;
height:560px;
z-index:0;
}
#Layer2 {
position:absolute;
left:5px;
top:2px;
width:180px;
height:160px;
z-index:-1;
}
-->
</style>
<script language="text/javascript">
function playp1()
{
var div1=document.getElementById("Layer1")
div1.innerHTML="<img src="1.jpg" width="180" height="160">"
}
</script>
<body>
<div id="Layer2" onclick="playp1()"><img src="1.jpg" width="180" height="160"></div>
<div id="Layer1"></div>
</body>
</html>
请问哪里写错了呀?为什么不能执行呀? 点击一张图片的时候会把另一张图片加到最上面的层里. 展开
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:95px;
top:29px;
width:580px;
height:560px;
z-index:0;
}
#Layer2 {
position:absolute;
left:5px;
top:2px;
width:180px;
height:160px;
z-index:-1;
}
-->
</style>
<script language="text/javascript">
function playp1()
{
var div1=document.getElementById("Layer1")
div1.innerHTML="<img src="1.jpg" width="180" height="160">"
}
</script>
<body>
<div id="Layer2" onclick="playp1()"><img src="1.jpg" width="180" height="160"></div>
<div id="Layer1"></div>
</body>
</html>
请问哪里写错了呀?为什么不能执行呀? 点击一张图片的时候会把另一张图片加到最上面的层里. 展开
2个回答
展开全部
有两处错误：
一、
div1.innerHTML="<img src="1.jpg" width="180" height="160">"
这句不对，双引号中不能再有双引号（可用单引号），如果一定要用必须对其进行转义。如：
div1.innerHTML="<img src=\"1.jpg\" width=\"180\" height=\"160\">"
或者
div1.innerHTML="<img src='1.jpg' width='180' height='160'>"
二、
<script language="text/javascript">
这句有误，你写的language的值是text/javascript，这一般是引入独立的JS文件。而你这并没有引入而在里写方法，造成无法找到 playp1 方法，故而应该是：
<script language="javascript">
一、
div1.innerHTML="<img src="1.jpg" width="180" height="160">"
这句不对，双引号中不能再有双引号（可用单引号），如果一定要用必须对其进行转义。如：
div1.innerHTML="<img src=\"1.jpg\" width=\"180\" height=\"160\">"
或者
div1.innerHTML="<img src='1.jpg' width='180' height='160'>"
二、
<script language="text/javascript">
这句有误，你写的language的值是text/javascript，这一般是引入独立的JS文件。而你这并没有引入而在里写方法，造成无法找到 playp1 方法，故而应该是：
<script language="javascript">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
