Prototype框架笔记二(自定义对象和类)

rachelmarf

浏览: 2366 次
性别:
来自: 成都

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2009-01 ( 2)
更多存档...

博客分类：

Prototype

prototype 框架 CSS HTML UP

Prototype.js中提供了大量的自定义对象和类,这些自定义对象和类包含了很多有用的方法和功能

(一)、Element对象
提供了一系列方法用语简化HTML元素的操作，包括通过CSS改变HTML元素外观，或直接提供一些方法为HTML元素提供动态显示效果。其方法有：
(1) addClassName(element,className):用于为element元素添加className样式。
(2) removeClassName(element,className):用于为element元素删除className样式。如：

<script type="text/javascript">
		function chg(){
			Element.addClassName("up","solid");
		}
		
		function rem(){
			Element.removeClassName("up","solid");
		}
	</script>
	
	<style>
	.solid{
		width:160px;
		text-align:center;
		border-right:#002200 2px solid;
		border-top: #b9ffb9 2px solid;
		border-left:#b9ffb9 2px solid;
		color:#ffff00;
		BACKGROUND-COLOR:#008000;
	}
	</style>
  </head>
  
  <body>
<input type="button" onClick="chg()" value="增加立体效果"/>
<input type="button" onClick="rem()" value="删除立体效果"/>
<div id="up">有立体效果的层</div>
  </body>
</html>

   (3) empty(element)：判断某个元素是否为空或者只包含空字符串。如果是，则返回true,否则返回false.参数element既可以是元素的id属性，也可以是元素本身。
    (4) getHeight(element)：返回元素的高度。
    (5) getWidth(elemtn): 返回元素的长度。
    (6) getStyle(element,cssProperty): 返回某个HTML元素的内联CSS的属性值。
    (7) hasClassName(element,className): 判断某个HTML元素是否包含指定的CSS样式。
    (8) hide(elem1[,elem2[,...]]): 同时隐藏多个HTML元素，通过设置style.display='none'来隐藏，因此会释放元素在页面上所占的空间。传入的每个element既可以是元素的id属性，也可以是元素本身。
    (9) makePositioned(element):将某个元素的内联CSS属性style.position设置为relative。
    (10) remove(element): 从Document对象中删除指定的HTML元素。
    (11) removeClassName(element, className): 为指定的HTML元素删除特定的CSS样式。
    (12) scrollTo(element): 将window滚动到对象所在的位置。
    (13) setStyle(element,cssProperty): 为HTML元素设置内联CSS样式。
    (14) show(elem1[,elem2[,...]]): 和hide相反。
    (15) update(element, html):为HTML对象设置innerHTML属性。
    (16) undoPositioned(element): 将HTML对象的style.position设置为“”.与makePositioned方法相反。
    (17) toggle(elem1[,elem2[,...]]):控制传入的多个HTML元素的整体显示、掩藏，即在显示和隐藏之间切换。

分享到：

Prototype框架笔记一

2009-01-03 17:10
浏览 1255
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论