,菜鸟的异常
日期：2014-05-16 浏览次数：20354 次
求助,初学者的错误,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style type="text/CSS">
div.nifty{
width:500px;
height:30px;
border-radius:10px;
margin: 2 10%;
background-color:#CCCCFF;
}
div.Circle {
width: 16px;
height: 16px;
background: red;
border-radius: 8px;
border-style:inset outset outset inset;
margin-top:2px;
}
</style>
<script type="text/javascript">
var x;
var Ismove = false ;
function ClickCircle()
{
if(!Ismove)
{
Ismove = true;
alert("Circle");
}
}
function ClickAxle(label)
{
var tagCircle = document.getElementById(label);
alert("Axle1");
if(!Ismove)
{ alert("Axle2");
Ismove = true;
}
alert("Axle4");
//tagCircle.style.margin-left = 30px;
alert(tagCircle.style.class);
}
</script>
<body>
<div id="Axle" onclick="ClickAxle('cir')" class="nifty">
<div id="cir" style="margin-left:20px" onClick="ClickCircle()" class="Circle"></div>
</div>
</body>
</html>
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style type="text/CSS">
div.nifty{
width:500px;
height:30px;
border-radius:10px;
margin: 2 10%;
background-color:#CCCCFF;
}
div.Circle {
width: 16px;
height: 16px;
background: red;
border-radius: 8px;
border-style:inset outset outset inset;
margin-top:2px;
}
</style>
<script type="text/javascript">
var x;
var Ismove = false ;
function ClickCircle()
{
if(!Ismove)
{
Ismove = true;
alert("Circle");
}
}
function ClickAxle(label)
{
var tagCircle = document.getElementById(label);
alert("Axle1");
if(!Ismove)
{ alert("Axle2");
Ismove = true;
}
alert("Axle4");
//tagCircle.style.margin-left = 30px;
alert(tagCircle.style.class);
}
</script>
<body>
<div id="Axle" onclick="ClickAxle('cir')" class="nifty">
<div id="cir" style="margin-left:20px" onClick="ClickCircle()" class="Circle"></div>
</div>
</body>
</html>
------解决方案--------------------
- JScript code
alert(tagCircle.className);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
