如何在JS中访问对象的CSS属性？

xpf66 2004-11-15 01:11:28

要求，比如在页面里有个DIV对象，我想通单击事件改变它的大小、位置或颜色等。
我仅做个例子，连访问都不行，弹出的是白板。

<head>
<style TYPE="TEXT/CSS">

</style>
<SCRIPT LANGUAGE="JavaScript">

</script>
</head>
<BODY onLoad="init()">

<div id="div01" name="div1">
<p>这是第一层</p>
<div id="div02" name="div2">
<p>这是第二层</p>
</div>
</div>

<input type="button" name="b01" onClick="b01click()" value="打印"> </input>

</BODY>

</html>

...全文

400 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

xpf66 2004-11-15

打赏
举报

楼上的能够达到要求，我是新手，想再请教几个理解方面的东西？

我的理解之一：
对于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的属性值？如何实现？

JK_10000 2004-11-15

打赏
举报

clientWidth,offsetWidth,scrollWidth都是div的属性，不是style对象的属性

<head>
<style TYPE="TEXT/CSS">

</style>
<SCRIPT LANGUAGE="JavaScript">

</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>

xpf66 2004-11-15