UC知道JavaScript+DIV 问题~~~
来源：百度知道 编辑：UC知道 时间：2024/05/26 15:46:28
代码一:
<body>
<div id="div1" style="width:200px; height:20px; background-color:#CCCCCC;"></div>
</body>
<script Language="JavaScript">
w=document.all.div1.style.width;
alert(w);
</script>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
代码二:
<style type="text/css">
#div1{ width:200px; height:20px; background-color:#CCCCCC;}
</style>
<body>
<div id="div1"></div>
</body>
<script Language="JavaScript">
alert(document.all.div1.style.width);
</script>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
二种同等的代码,代码一变量W值是200px,而代码二变量W值是空,为什么呢?
我目的是要代码二W值也是200px,该如何做?
回答(低糖深红芯片儿): 你的改法也不行呀,还是空值
回答(anycrazy):如果DIV用了ID,样式表里就用"#";如果DIV用了CLASS,样式表就用".",我的写法并没错呀.
我的本意是,像这样的
<body>
<div id="div1" style="width:200px; height:20px; background-color:#CCCCCC;"></div>
</body>
<script Language="JavaScript">
w=document.all.div1.style.width;
alert(w);
</script>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
代码二:
<style type="text/css">
#div1{ width:200px; height:20px; background-color:#CCCCCC;}
</style>
<body>
<div id="div1"></div>
</body>
<script Language="JavaScript">
alert(document.all.div1.style.width);
</script>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
二种同等的代码,代码一变量W值是200px,而代码二变量W值是空,为什么呢?
我目的是要代码二W值也是200px,该如何做?
回答(低糖深红芯片儿): 你的改法也不行呀,还是空值
回答(anycrazy):如果DIV用了ID,样式表里就用"#";如果DIV用了CLASS,样式表就用".",我的写法并没错呀.
我的本意是,像这样的
<style type="text/css">
#div1{ width:200px; height:20px; background-color:#CCCCCC;}
</style>
<body>
<div id="div1"></div>
</body>
<script Language="JavaScript">
alert(document.getElementById("div1").offsetWidth);
</script>
<div id="div1"></div>
这个好像没有给值
代码二里:
<div id="div1"></div>
---> <div id="div1" class="div1"></div>
每个标签都有id和name.都是用于命名这个标签.
但是id不可重复,name可重复.
而调用样式表,则是用class.
还有,前面的style里,为什么前面用的是"#",改成"."
另外DIV里就有可以定义高度,宽度的属性.为什么非要用class?