§ ITPOW >> 文档 >> ASP.NET >> AJAX

一起学 Microsoft AJAX Library-DomElement

作者:vkvi 来源:ITPOW(原创) 日期:2009-5-16

$get(id[, element])

$get 是 Sys.UI.DomElement.getElementById 的快捷函数,功能类似于 document.getElementById。可选参数 element 表示在哪个元素范围内查找,省略则表示在 document 中查找。元素不存在则返回 null。

var id1 = $get("id1");
var id3 = $get("id3", $get("id1")); //在 id1 元素内部查找 id3 这个元素。

Sys.UI.DomElement.addCssClass(element, className)

添加 CSS class 到指定的元素。

Sys.UI.DomElement.addCssClass($get("title"), "title");

Sys.UI.DomElement.containsCssClass(element, className)

判断元素是否包含指定的 CSS class。

Sys.UI.DomElement.containsCssClass($get("title"), "title");

Sys.UI.DomElement.removeCssClass(element, className)

去除元素中指定的 CSS class。

Sys.UI.DomElement.removeCssClass($get("title"), "title");

Sys.UI.DomElement.toggleCssClass(element, className)

如果指定的 CSS class 在 element 中存在则去除之,否则添加之。

Sys.UI.DomElement.toggleCssClass($get("title"), "title");

var position = Sys.UI.DomElement.getLocation(element)

返回元素相对于所有者框架或窗口左上角的位置,返回含有 x、y 属性的对象。

var position = Sys.UI.DomElement.getLocation($get("title"));
alert("position.x=" + position.x + "\r\n" + "position.y=" + position.y);

var position = Sys.UI.DomElement.setLocation(element, x, y)

元素的 x 和 y 样式属性(左上角)指定了元素的相对位置。实际位置取决于目标元素的 offsetParent 属性以及该元素的定位模式,注意并不是相对于所有者框架或窗口。

Sys.UI.DomElement.setLocation($get("title"), 10, 15);

var bounds = Sys.UI.DomElement.getBounds(element)

返回一个具有 x、y、width、height 属性的对象,其中的 x、y 属性与 getLocation 的返回值相同。

var v = Sys.UI.DomElement.getVisibilityMode(element)

设置元素可见还是不可见有两种方法:设置样式表的 display,设置样式表的 visibility。在调用 Sys.UI.DomElement.setVisible 时:若第二个参数为 true,则这两个样式表属性都要设置为可见;若第二个参数为 false,则根据元素的 VisibilityMode 来进行设置这两个属性(Sys.UI.VisibilityMode.collapse 对应于 display,Sys.UI.VisibilityMode.hide 对应于 visibility)。该方法的目的就是返回元素的 Sys.UI.VisibilityMode 枚举值,默认返回 Sys.UI.VisibilityMode.collapse。

var v = Sys.UI.DomElement.getVisible(element)

如果 element 在网页上可见,则为 true;否则为 false。如果返回 false,则说明元素的 display 为 none 或 visibility 为 hidden。

Sys.UI.DomElement.setVisibilityMode(element, Sys.UI.VisibilityMode)

设置 VisibilityMode,以便确定在调用 setVisible 时是对样式表的 display 还是 visibility 属性进行设置。

Sys.UI.DomElement.setVisible(element, value)

设置元素可见还是不可见有两种方法:设置样式表的 display,设置样式表的 visibility。在调用 Sys.UI.DomElement.setVisible 时:若第二个参数为 true,则这两个样式表属性都要设置为可见;若第二个参数为 false,则根据元素的 VisibilityMode 来进行设置这两个属性(Sys.UI.VisibilityMode.collapse 对应于 display,Sys.UI.VisibilityMode.hide 对应于 visibility)。

var v = Sys.UI.DomElement.getVisibilityMode($get("title"));
alert((v == Sys.UI.VisibilityMode.collapse) + "\r\n" + (v == Sys.UI.VisibilityMode.hide));
Sys.UI.DomElement.setVisibilityMode($get("title"), Sys.UI.VisibilityMode.hide);
Sys.UI.DomElement.setVisible($get("title"), false);

相关阅读

相关文章