一.DomElement

1.addCssClass:为元素添加相应的css样式.

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

2.containsCssClass:判断元素是否包含相应的css样式,返回true,false

var b=Sys.UI.DomElement.containsCssClass(element,className);

3.getBounds:获取元素的边界信息,返回json对象,包括x(x轴坐标),y(y轴坐标),Height(高度),Width(宽度)

var b=Sys.UI.DomElement.getBounds(element);

var x=b.x;

var y=b.y;

var w=b.Width;

var h=b.Height;

4.getElementByID:从元素的子节点中寻找Dom元素。若不指定元素则从Document开始搜索

var b=Sys.UI.DomElement.getElementByID(id,element);

缩写为$get(id,element);

5.getLocation:获取元素的位置信息,返回json对象,包括x(x轴坐标),y(y轴坐标)

var b=Sys.UI.DomElement.getLocation(element);

var x=b.x;

var y=b.y;

6.removeCssClass:从元素中移除相应的css样式

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

7.setLocation:为元素设置x,y轴坐标

Sys.UI.DomElement.setLocation(element,x,y);

8.toggleCssClass:如果元素不包含相应的css样式,则添加,如果有则移除。

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

二.DomEvent

.Methods

1.DomEvent:获取Dom事件

var d=new Sys.UI.DomEvent(domObject);

2.addHandler:Dom元素添加指定事件的指定函数

Sys.UI.DomEvent.addHandler(element,eventName,handler);可简写为

$addHandler(element,eventName,handle);

3.addHandlersDom元素添加一系列事件的指定函数

Sys.UI.DomEvent.addHandlers(elment,events,handlerowner);可简写为

$addHandlers(element,events,handlerowner);

4.clearHandlers:移除Dom元素中所有通过addHandler和addHandlers方法添加的函数

Sys.UI.DomEvent.clearHandlers(element);可简写为$clearHandlers(element);

5.preventDefault:阻止执行Dom元素的默认事件处理函数

6.removeHandler:Dom元素移除指定的事件处理函数

Sys.UI.DomEvent.removeHandler(element,eventName,handler);可简写为

$removeHandler(element,eventName,handler)

7.stopPropagation:阻止Dom元素的事件冒泡传递给父级元素

.Properties

1.altKey:事件执行时键盘是否按下了”Alt”

2.button:事件执行时鼠标按下的是哪个键,返回枚举类型

3.clientX:事件执行时鼠标指针的横坐标

4.clientY:事件执行时鼠标指针的纵坐标

5.ctrlKey:事件执行时剪片是否按下了“Ctrl”键

6.offsetX:事件执行时鼠标指针相对操作的Dom元素的横坐标

7.offsetY:事件执行时鼠标指针相对操作的Dom元素的纵坐标

8.screenX:事件执行时鼠标指针相对用户的屏幕的横坐标

9.screenY:事件执行时鼠标指针相对用户的屏幕的纵坐标

10.shiftKey:事件执行时键盘是否按下了“Shift”键

11.target:执行事件的对象

12.type:事件的类型

DomElement.aspx:


点击AddCss按钮:Ajax学习笔记(2)DOM操作

点击toggleCss按钮:元素背景如果已经是红色则变成白色,否则变为红色

点击ContainCss按钮:Ajax学习笔记(2)DOM操作

点击getlocation按钮:Ajax学习笔记(2)DOM操作

点击setlocation按钮:Ajax学习笔记(2)DOM操作

DomEvent.aspx:


点击click me按钮:Ajax学习笔记(2)DOM操作

鼠标移动选择option:Ajax学习笔记(2)DOM操作

相关文章: