点击图片切换，但是不知道为什么文档加载完第一次点击图片不切换，要点击两次才会切换，而切换过之后问题就没有了，点一次就可以切换。
重新在加载文档后还是这个问题
<!DOCTYPE html>
<html>
<head>
<title>课后练习一</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<style>
.kj {width:300px;height:500px;border:1px #ccc solid;}
.yy {background:#87CEFF;color;#fff;border:1px solid #6CA6CD;width:80px;height:auto;padding:5px;}
.tt {background:#EEE9E9;color;#333;border:1px solid #F2F2F2;width:80px;height:auto;padding:5px;}
}
</style>
<script>
window.onload=function (){
var ck=document.getElementById("ck"),
sr=document.getElementById("sr"),
tx=document.getElementById("tx"),
tp=document.getElementById("tp"),
tj=document.getElementById("tj");
var mmq=true;
var mmp='<span class="yy">'+'回首如梦:';
tj.onclick=function (){
if (sr.value=="") {
alert("亲~先输入点什么吧~~");
}else{
shuchu();
}
};
function shuchu(){
ck.innerHTML='<p>'+tx.innerHTML+mmp+sr.value+'</span>'+'</p>'+ck.innerHTML;
sr.value="";
};
tp.onclick=function (){
if (mmq){
tp.src="img/00.jpg";
mmq=false;
mmp='<span class="yy">'+'回首如梦:';
}else{
tp.src="img/11.jpg";
mmq=true;
mmp='<span class="tt">'+'我说：';
};
};
};
</script>
<div id="ck" class="kj">
</div>
<span id="tx"><img id="tp" src="img/00.jpg" width="40px" height="40px" / ></span>
<input id="sr" type="text" /><button id="tj" type="button">提交</button>
</body>
</html>
重新在加载文档后还是这个问题
<!DOCTYPE html>
<html>
<head>
<title>课后练习一</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<style>
.kj {width:300px;height:500px;border:1px #ccc solid;}
.yy {background:#87CEFF;color;#fff;border:1px solid #6CA6CD;width:80px;height:auto;padding:5px;}
.tt {background:#EEE9E9;color;#333;border:1px solid #F2F2F2;width:80px;height:auto;padding:5px;}
}
</style>
<script>
window.onload=function (){
var ck=document.getElementById("ck"),
sr=document.getElementById("sr"),
tx=document.getElementById("tx"),
tp=document.getElementById("tp"),
tj=document.getElementById("tj");
var mmq=true;
var mmp='<span class="yy">'+'回首如梦:';
tj.onclick=function (){
if (sr.value=="") {
alert("亲~先输入点什么吧~~");
}else{
shuchu();
}
};
function shuchu(){
ck.innerHTML='<p>'+tx.innerHTML+mmp+sr.value+'</span>'+'</p>'+ck.innerHTML;
sr.value="";
};
tp.onclick=function (){
if (mmq){
tp.src="img/00.jpg";
mmq=false;
mmp='<span class="yy">'+'回首如梦:';
}else{
tp.src="img/11.jpg";
mmq=true;
mmp='<span class="tt">'+'我说：';
};
};
};
</script>
<div id="ck" class="kj">
</div>
<span id="tx"><img id="tp" src="img/00.jpg" width="40px" height="40px" / ></span>
<input id="sr" type="text" /><button id="tj" type="button">提交</button>
</body>
</html>
