Chinaunix

标题: jscript调用css的问题 [打印本页]
作者: wuri11    时间: 2006-03-08 10:03
标题: jscript调用css的问题
程序没有反应
<html>
<head>
<link REL=stylesheet href="css1.css" type="text/css">
</link>
<script language="javascript">
function moreSpace(objectID) {
    var thisObject=document.getElementById(objectID);
    window.alert(objectID.style.left);
    thisObject.style.lineHeight=parseInt(thisObject.style.lineHeight) + 5 + "px";
}
</script>
</head>
<body>
<div id="myObject">
山东省华侨中学—大连海事大学
</div>
<a href="javascript:moreSpace(myObject);">
incresing the spacing
</a>
</body>
</html>




#myObject {position:absolute;left:50px;top:50px;width:150px;font-size:20px;line-height:30px;
    background-color:#cccccc;}

[ 本帖最后由 wuri11 于 2006-3-8 10:13 编辑 ]
作者: garfield61    时间: 2006-03-08 13:13
  1. <html>
  2. <head>

  4. <link REL=stylesheet href="css1.css" type="text/css">
  5. </link>
  6. <script language="javascript">
  7. function moreSpace(objectID) {
  8.     var thisObject=document.getElementById(objectID);
  9.     window.alert(thisObject.style.left);
  10.     thisObject.style.lineHeight=parseInt(thisObject.style.lineHeight) + 5 + "px";
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. <div id="myObject" style="position:absolute;left:50px;top:50px;width:150px;font-size:20px;line-height:30px;
  16.     background-color:#cccccc;">
  17. 山东省华侨中学—大连海事大学
  18. </div>
  19. <a href="javascript:moreSpace('myObject');">
  20. incresing the spacing
  21. </a>
  22. </body>
  23. </html>
复制代码
作者: wuri11    时间: 2006-03-08 15:16
我看一般都是这样的写法
如果我用引用外边的css的写法呢?
就是定义#myObject,而不是直接在html中写
作者: wuri11    时间: 2006-03-08 15:19
标题: 菜鸟问题
document.getElementById
这个东西是个啥玩意,他和document.getElementById()有什么不同
网上都说document.getElementById是调用的方法,到底是什么作用?
作者: garfield61    时间: 2006-03-08 15:38
原帖由 wuri11 于 2006-3-8 15:16 发表
我看一般都是这样的写法
如果我用引用外边的css的写法呢?
就是定义#myObject,而不是直接在html中写

在外边引用CSS和写在HTML里，效果是一样的。没区别。
作者: garfield61    时间: 2006-03-08 15:38
原帖由 wuri11 于 2006-3-8 15:19 发表
document.getElementById
这个东西是个啥玩意,他和document.getElementById()有什么不同
网上都说document.getElementById是调用的方法,到底是什么作用?

仔细研究一下DHTML手册吧 。
作者: wuri11    时间: 2006-03-09 13:33
3q



欢迎光临 Chinaunix (http://bbs.chinaunix.net/) Powered by Discuz! X3.2