[javascript]鼠标移出时如何清除鼠标移入时创建的div？？
鼠标移入时创建的代码是这样，如何设置onmouseout的方法？？？？<!DOCTYPEHTML><html><head><metahttp-equiv="Content...
鼠标移入时创建的代码是这样，如何设置onmouseout的方法？？？？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
.one{
width:200px;
height:200px;
background:#F9C;}
</style>
<script>
window.onload=function(){
var oDiv = document.getElementById('btn');
oDiv.onmouseover=function(){
var tdiv = document.createElement('div');
tdiv.className="one";
document.body.appendChild(tdiv);
}
}
</script>
</head>
<body>
<input type="button" id="btn" value="生成">
</body>
</html> 展开
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
.one{
width:200px;
height:200px;
background:#F9C;}
</style>
<script>
window.onload=function(){
var oDiv = document.getElementById('btn');
oDiv.onmouseover=function(){
var tdiv = document.createElement('div');
tdiv.className="one";
document.body.appendChild(tdiv);
}
}
</script>
</head>
<body>
<input type="button" id="btn" value="生成">
</body>
</html> 展开
3个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
.one{
width:200px;
height:200px;
background:#F9C;}
</style>
<script>
window.onload=function(){
var oDiv = document.getElementById('btn');
oDiv.onmouseover=function(){
var tdiv = document.createElement('div');
tdiv.setAttribute("id","tdiv");
tdiv.className="one";
document.body.appendChild(tdiv);
}
oDiv.onmouseout = function(){
var tdiv = document.getElementById("tdiv");
document.body.removeChild(tdiv);
}
}
</script>
</head>
<body>
<input type="button" id="btn" value="生成">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
再写一个onmouseout 函数 清除onmouseover时创建的div
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、将 var tdiv = document.createElement('div'); 前面的 var 去掉，这样这个tdiv就可以在其他function里访问到。
2、再写一个onmouseout 函数 ，类似现在的over的，对tdiv直接操作，删除、清空都行。
2、再写一个onmouseout 函数 ，类似现在的over的，对tdiv直接操作，删除、清空都行。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
