AJax技术

ajax prototype.js 学习手册(6)

字号+ 作者:H5之家 来源:H5之家 2017-07-19 17:00 我要评论( )

Table 2.21. Element 对象 方法 类别 参数 描述 toggle(elem1 [, elem2 [, elem3 [...]]]) constructor elemN: 元素对象或id 切换每一个传入元素的可视性。 hide(elem1 [, elem2 [, elem3 [...]]]) instance elemN:

Table 2.21. Element 对象
方法 类别 参数 描述
toggle(elem1 [, elem2 [, elem3 [...]]]) constructor elemN: 元素对象或id 切换每一个传入元素的可视性。
hide(elem1 [, elem2 [, elem3 [...]]]) instance elemN: 元素对象或id 用设定它的 style.display 为 'none'来隐藏每个传入的元素。
show(elem1 [, elem2 [, Slem3 [...]]]) instance elemN: 元素对象或id 用设定它的 style.display 为 ''来显示每个传入的元素。
remove(element) instance element: 元素对象或id 从document对象中删除指定的元素。
getHeight(element) instance element: 元素对象或id 返回元素的 offsetHeight 。
addClassName( element, className) instance element: 元素对象或id, className: CSS类名 向元素的类名中加入给定的类名。
hasClassName( element, className) instance element: 元素对象或id, className: CSS类名 返回 true 如果元素的类名中含有给定的类名
removeClassName( element, className) instance element: 元素对象或id, className: CSS类名 从元素的类名中删除给定的类名。
cleanWhitespace( element ) instance element: 元素对象或id 删除该元素的所有只含有空格的子节点。

2.19. Abstract 对象

这个对象是这个程序包中其他类的根。它没有任何属性和方法。在这个对象中定义的类可以被视为传统的抽象类。
2.20. Abstract.Insertion 类

这个类被用作其他提供动态内容插入功能的类的基类,它像一个抽象类一样被使用。

Table 2.22. Abstract.Insertion 类
方法 类别 参数 描述
[ctor](element, content) constructor element: 元素对象或id, content: 被插入的HTML 创建一个可以帮助插入动态内容的对象。

Table 2.23. Abstract.Insertion 类
属性 类型 类别 描述
adjacency String static, parameter 这个参数指定相对于给定元素,内容将被放置的位置。 可能的值是: 'beforeBegin', 'afterBegin', 'beforeEnd', 和 'afterEnd'.
element Object instance 与插入物做参照元素对象。
content String instance 被插入的 HTML 。

2.21. Insertion 对象

这个对象是其他类似功能的根。它没有任何属性和方法。在这个对象中定义的类仍然可以被视为传统的抽象类。
2.22. Insertion.Before 类

继承自 Abstract.Insertion

在给定元素开始标记的前面插入HTML。

Table 2.24. Insertion.Before 类
方法 类别 参数 描述
[ctor](element, content) constructor element: 元素对象或id, content: 被插入的HTML 继承自 Abstract.Insertion. 创建一个可以帮助插入动态内容的对象。

下面的代码

<br>Hello, <span>Wiggum. How&apos;s it going?</span>

<script> new Insertion.Before(&apos;person&apos;, &apos;Chief &apos;); </script>

将把 HTML 变为

<br>Hello, Chief <span>Wiggum. How&apos;s it going?</span>

2.23. Insertion.Top 类

继承自 Abstract.Insertion

在给定元素第一个子节点位置插入 HTML。内容将位于元素的开始标记的紧后面。

Table 2.25. Insertion.Top 类
方法 类别 参数 描述
[ctor](element, content) constructor element: 元素对象或id, content: 被插入的HTML 继承自 Abstract.Insertion. 创建一个可以帮助插入动态内容的对象。

下面的代码

<br>Hello, <span>Wiggum. How&apos;s it going?</span>

<script> new Insertion.Top(&apos;person&apos;, &apos;Mr. &apos;); </script>

将把 HTML 变为

<br>Hello, <span>Mr. Wiggum. How&apos;s it going?</span>

2.24. Insertion.Bottom 类

继承自 Abstract.Insertion

在给定元素最后一个子节点位置插入 HTML。内容将位于元素的结束标记的紧前面。

Table 2.26. Insertion.Bottom 类
方法 类别 参数 描述
[ctor](element, content) constructor element: 元素对象或id, content: 被插入的HTML 继承自 Abstract.Insertion. 创建一个可以帮助插入动态内容的对象。

下面的代码

<br>Hello, <span>Wiggum. How&apos;s it going?</span>

<script> new Insertion.Bottom(&apos;person&apos;, " What&apos;s up?"); </script>

将把 HTML 变为

<br>Hello, <span>Wiggum. How&apos;s it going? What&apos;s up?</span>

2.25. Insertion.After 类

继承自 Abstract.Insertion

在给定元素结束标记的后面插入HTML。

Table 2.27. Insertion.After 类
方法 类别 参数 描述
[ctor](element, content) constructor element: 元素对象或id, content: 被插入的HTML 继承自 Abstract.Insertion. 创建一个可以帮助插入动态内容的对象。

下面的代码

<br>Hello, <span>Wiggum. How&apos;s it going?</span>

<script> new Insertion.After(&apos;person&apos;, &apos; Are you there?&apos;); </script>

将把 HTML 变为

<br>Hello, <span>Wiggum. How&apos;s it going?</span> Are you there?

2.26. Field 对象

这个对象提供操作表单中的输入项目的功能性方法。

Table 2.28. Field 对象
方法 类别 参数 描述
clear(field1 [, field2 [, field3 [...]]]) instance fieldN: 元素对象或id 清除传入表单中项目元素的值。
present(field1 [, field2 [, field3 [...]]]) instance fieldN: 元素对象或id 只有在所有的表单项目都不为空时返回 true 。
focus(field) instance fieldN: 元素对象或id 移动焦点到给定的表单项目。
select(field) instance fieldN: 元素对象或id 选择支持项目值选择的表单项目的值。
activate(field) instance fieldN: 元素对象或id 移动焦点并且选择支持项目值选择的表单项目的值。

2.27. Form 对象

这个对象提供操作表单和他们的输入项目的功能性方法。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ajax 大量PHP+ +MySQL结合的例子,学习最新Web 2.0 想选择! WEB

    ajax 大量PHP+ +MySQL结合的例子,学习最新Web 2.0 想选择! WEB

    2017-07-19 17:01

  • ajax教程pdf下载

    ajax教程pdf下载

    2017-07-19 13:00

  • 创建高性能AJAX网站的5条技巧和经验

    创建高性能AJAX网站的5条技巧和经验

    2017-07-19 09:00

  • 了解AJAX使用技巧:如何处理书签和翻页按扭

    了解AJAX使用技巧:如何处理书签和翻页按扭

    2017-07-17 18:00

网友点评
x