如何在JS中访问对象的CSS属性? block.style.widthblock.runtimeStyle.widthblock.currentStyle.width 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 block.clientWidthblock.offsetWidthblock.scrollWidth clientWidth,offsetWidth,scrollWidth都是div的属性,不是style对象的属性 <head> <style TYPE="TEXT/CSS"> <!-- #div01 { width:200; height:100; font-size:16; vertical-align:bottom; text-align:left; background-color=#FF0000; } --> </style> <SCRIPT LANGUAGE="JavaScript"> <!-- function b01click() { alert(div01.offsetWidth); } --> </script> </head> <BODY > 要求,比如在页面里有个DIV对象,我想通单击事件改变它的大小、位置或颜色等。 我仅做个例子,连访问都不行,弹出的是白板。 <div id="div01" name="div1"> <p>这是第一层</p> <div id="div02" name="div2"> <p>这是第二层</p> </div> </div> <input type="button" name="b01" onClick="b01click()" value="打印"> </BODY> 楼上的能够达到要求,我是新手,想再请教几个理解方面的东西?我的理解之一: 对于HTML语言来说,它是一系列标签组成,这些标签有各种各样相关的属性来控制标签的显示效果。由于HTML标签样式属性的单一和某些方面的不足,才出来CSS来补充,CSS是对HTML在表现样式上的一个补充。我这样理解对吗?我的理解之二: 对于一个HTML标签,我们可以用它自己的属性来定义它,也可以用CSS来定义它,但只有在它自己的属性无法满足要求的时候,我们才需要用CSS,这样理解对不对?我的理解之三: 在制作网页的过程中,我们可以直接给一个HTML标签的属性赋值来改变它的显示效果,也可以定义一个样式表来改变它的显示效果,也就是说两种方法都可以控制标签的显示效果,我暂且不讨论这两个方法的谁更好。这里直接就引出了JS。 JS也是完善HTML的一个工具,它是一个脚本语言,自然就有许多变量、对象、函数(或称之为方法),那么就牵连到一个访问这些东西的问题。(报歉,我这些问题在书上找不到) 访问问题一: 用JS访问一个对象,比如说HTML的DIV标签,在JS里是如何访问它,我的理解是这样的: 一是JS是面向对象的语言,它已经把所有的HTML标签封装在它的某一个大类里,我们访问它是通过类的某个实例名加点再加小实例名再加点再加属性名,如 document.form.button.value。也就是说一切HTML标签都是JAVA的对象,我们只需要直接访问就行了。这样说对不对? 访问问题二: JS是如何对待CSS的,如前所述,它对HTML标签是把它封装起来,它是如何对待CSS的?我可以用JS直接访问一个标签(或对象)的属性值,我如何访问一个加在某个对象上的CSS样式表的值? 简言之,我如何通过JS修改某个对象的CSS样式表中的属性值。你上面的例子中,是用JS直接调用DIV属性的值,我可否直接修改DIV标签的CSS的属性值?如何实现? 请教如何模拟键盘按键的事件 各位帮帮忙啊,ajax问题 求Javascript中用XMLHTTP获取其他HTML页面的源码 怎样让用户选择2个单项选择其中一个并执行跳转? 请问一下 location.href('http://www.qqqqqqqqq.org')这个href里面的字符串有长度限制吗? 如何写SQLServer 2000 的SQL语法是否合法的检测脚本呀? 这样的拖选功能可以实现吗? 如何取得form中form? 树状导航菜单的实现 求一个正则表达式 如何将预先下载的图片用于改变背景图片? 又一正则表达式的疑问?
block.offsetWidth
block.scrollWidth
<style TYPE="TEXT/CSS">
<!--
#div01
{
width:200;
height:100;
font-size:16;
vertical-align:bottom;
text-align:left;
background-color=#FF0000;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function b01click()
{
alert(div01.offsetWidth);
}
-->
</script>
</head>
<BODY >
要求,比如在页面里有个DIV对象,我想通单击事件改变它的大小、位置或颜色等。
我仅做个例子,连访问都不行,弹出的是白板。
<div id="div01" name="div1">
<p>这是第一层</p>
<div id="div02" name="div2">
<p>这是第二层</p>
</div>
</div>
<input type="button" name="b01" onClick="b01click()" value="打印">
</BODY>
对于HTML语言来说,它是一系列标签组成,这些标签有各种各样相关的属性来控制标签的显示效果。由于HTML标签样式属性的单一和某些方面的不足,才出来CSS来补充,CSS是对HTML在表现样式上的一个补充。
我这样理解对吗?我的理解之二:
对于一个HTML标签,我们可以用它自己的属性来定义它,也可以用CSS来定义它,但只有在它自己的属性无法满足要求的时候,我们才需要用CSS,这样理解对不对?我的理解之三:
在制作网页的过程中,我们可以直接给一个HTML标签的属性赋值来改变它的显示效果,也可以定义一个样式表来改变它的显示效果,也就是说两种方法都可以控制标签的显示效果,我暂且不讨论这两个方法的谁更好。这里直接就引出了JS。
JS也是完善HTML的一个工具,它是一个脚本语言,自然就有许多变量、对象、函数(或称之为方法),那么就牵连到一个访问这些东西的问题。(报歉,我这些问题在书上找不到)
访问问题一:
用JS访问一个对象,比如说HTML的DIV标签,在JS里是如何访问它,我的理解是这样的: 一是JS是面向对象的语言,它已经把所有的HTML标签封装在它的某一个大类里,我们访问它是通过类的某个实例名加点再加小实例名再加点再加属性名,如 document.form.button.value。也就是说一切HTML标签都是JAVA的对象,我们只需要直接访问就行了。
这样说对不对?
访问问题二:
JS是如何对待CSS的,如前所述,它对HTML标签是把它封装起来,它是如何对待CSS的?我可以用JS直接访问一个标签(或对象)的属性值,我如何访问一个加在某个对象上的CSS样式表的值?
简言之,我如何通过JS修改某个对象的CSS样式表中的属性值。你上面的例子中,是用JS直接调用DIV属性的值,我可否直接修改DIV标签的CSS的属性值?如何实现?