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

最新推荐文章于 2022-05-30 13:00:00 发布

bigfish1984

最新推荐文章于 2022-05-30 13:00:00 发布

阅读量113

点赞数

分类专栏： Prototype 文章标签： prototype 框架 CSS HTML UP

本文链接：https://blog.csdn.net/bigfish1984/article/details/83329626

版权

Prototype 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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元素的整体显示、掩藏，即在显示和隐藏之间切换。

bigfish1984

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Prototype框架笔记二(自定义对象和类)

Prototype.js中提供了大量的自定义对象和类,这些自定义对象和类包含了很多有用的方法和功能(一)、Element对象提供了一系列方法用语简化HTML元素的操作，包括通过CSS改变HTML元素外观，或直接提供一些方法为HTML元素提供动态显示效果。其方法有： (1) addClassName(element,className):用于为element元素添加class...
复制链接

扫一扫