求助]这段js,咋一点反应都没呢? - JavaScript论坛

楼主

问题点数：0 回复次数：5

求助]这段js,咋一点反应都没呢?

<!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>
<title>无标题页</title>
<script type="text/javascript">
function useMethods()
{
var oDiv=document.getElementById("div1");
alert(oDiv.style.item(0));
alert(oDiv.style.getPropertyValue("background-color"));
oDiv.style.removeProperty("background-color");
}
</script>
</head>
<body>
<form id="form1">
<div id="div1" style=" background-color:Red; height:50px; width:50px"></div><br />
<input type=button value="use methods" onclick="useMethods()" />
</form>
</body>
</html>

为什么什么反应都没呢?

搜索更多相关主题的帖子: DTD　dtd　xhtml　target　

第 2 楼

得分:0

<!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>
<title>无标题页</title>
<script type="text/javascript">
function useMethods()
{
var oDiv=document.getElementById("div1");
var oDivStyles=oDiv.getAttribute("style");
alert("内联样式的设置为："+oDivStyles.cssText);
alert("背景颜色为："+oDivStyles["backgroundColor"]);
oDiv.style.removeAttribute("backgroundColor");
}
</script>
</head>
<body>
<form id="form1">
<div id="div1" style="background-color:Red;height:50px;width:50px"></div><br />
<input type=button value="use methods" onclick="useMethods()" />
</form>
</body>
</html>

習慣瞇醉,禧歡跟上帝窷兲,像变澀龙般虚伪,如气候那样善变.人脸背后流淌着恶魔的血,一路向前,猦猦癫癫.

第 3 楼

得分:0

谢谢

我上面的哪个代码应该也正确的吧?????

明知不可为而为之
ymaozi's blog:[url=http://www.][/url]

第 4 楼

得分:0

<!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>
<title>无标题页</title>
<script type="text/javascript">
function useMethods()
{
var oDiv=document.getElementById("div1");
alert(oDiv.style.item(0)); //style是对象，styleSheets[]才是集合所以不能用item()来调用
alert(oDiv.style.getPropertyValue("background-color"));/*getPropertyValue这个方法我还没见过，暂不说有没有这个方法，你后面的CSS样式属性就错了,javascript中是驼峰书写的*/
oDiv.style.removeProperty("background-color"); //同上
}
</script>
</head>
<body>
<form id="form1">
<div id="div1" style=" background-color:Red; height:50px; width:50px"></div><br />
<input type=button value="use methods" onclick="useMethods()" />
</form>
</body>
</html>

習慣瞇醉,禧歡跟上帝窷兲,像变澀龙般虚伪,如气候那样善变.人脸背后流淌着恶魔的血,一路向前,猦猦癫癫.

第 5 楼

得分:0

哦!

有点明白了!

你在上面的注的,并不是没有这样的调用,而是IE不支持这种调用的形式,我也是在书中看到的,是支持DOM!

明知不可为而为之
ymaozi's blog:[url=http://www.][/url]

第 6 楼

得分:0

恩...

習慣瞇醉,禧歡跟上帝窷兲,像变澀龙般虚伪,如气候那样善变.人脸背后流淌着恶魔的血,一路向前,猦猦癫癫.