Prototype框架笔记二(自定义对象和类)
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"value="增加立体效果"/><input type="button"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元素的整体显示、掩藏，即在显示和隐藏之间切换。
页:
[1]