Element界面元素管理类

序号函数名称返回值函数说明
 1 Element.GetValue(element) 字符串 获取控件的值
 2 Element.SetValue(element, value) 无 设置控件的值
 3 Element.GetChildTableValue(DataRowUniqueKey, CSSClassName) 字符串 获取子表控件的值
 4 Element.SetChildTableValue(DataRowUniqueKey, CSSClassName, value) 无 设置子表控件的值
 5 Element.checked(element) true/false 判断多选框或单选框是否选中
 6 Element.check(element, checked)  无 选中或取消选中多选框或单选框
 7 Element.disabled(element) true/false 判断控件是否被禁用了
 8 Element.disable(element, disabled) 无 将控件设为是否禁用
9 Element.GetStyle(element, PropertyName)字符串 获得元素的样式
 10 Element.SetStyle(element, PropertyName, Value) 无 设置控件的样式
 11 Element.HasClass(element, ClassName)  true/false 判断元素是否有特定的css样式
 12 Element.AddClass(element, ClassName) 无 为元素添加指定css样式
 13 Element.RemoveClass(element, ClassName) 无 删除元素的某个css样式
 14 Element.Size(element)

 对象 {width:宽度,height:高度}

 获得元素的尺寸
 15 Element.GetAttribute(element, AttributeName) 字符串 获得元素的属性值
 16 Element.SetAttribute(element, AttributeName, Value) 无 设置元素的属性值
 17 Element.RemoveAttribute(element, AttributeName) 无 删除元素的属性
 18 Element.InsertBefore(ContainerDIVID, html) 无 在指定元素前插入HTML内容
 19 Element.InsertBeforeByElement(element, html) 无 在指定元素前插入HTML内容
 20 Element.GetElementName(element) 字符串 获得元素的name名称属性
 21 Element.Append(ContainerDIVID, html) 无 向容器插入HTML内容
 22 Element.AppendByElement(element, html) 无 向容器插入HTML内容
 23 Element.AppendAfter(ContainerDIVID, html) 无 在指定元素后插入HTML内容
 24 Element.AppendAfterByElement(element, html) 无 在指定元素后插入HTML内容
 25 Element.Remove(ElementID) 无 删除指定元素
 26 Element.RemoveByElement(element) 无 删除指定元素
 27 Element.Position(ElementID) 对象{x:水平位置,y:垂直位置} 获得元素在页面上的位置
 28 Element.PositionByElement(element) 对象{x:水平位置,y:垂直位置} 获得元素在页面上的位置
 29 Element.GetHtml(element) 字符串 获得元素的html内容
 30 Element.SetHtml(element, html) 无 设置元素的html内容
 31 Element.GetText(element) 字符串 获得元素的text内容
 32 Element.SetText(element, text) 无 设置元素的text内容
 33 Element.DisableCopy(element) 无 设置元素禁用复制
 34 Element.PlaceHolder(element) 字符串 获得控件的placeholder属性
 35 显示元素(elementid) 无 显示元素
 36 隐藏元素(elementid) 无 隐藏元素
 37 OpenOrHideElementByElement(actioname, element, display) 无 显示或隐藏元素

 

1、获取控件的值

函数:Element.GetValue(element)

element:控件对象

返回: 字符串

用法示例:

var value=Element.GetValue($("#username"));

 

2、设置控件的值

函数:Element.SetValue(element, value)

element:控件对象

value:值(数值,字符串,日期等)

返回: 无

用法示例:

Element.SetValue($("#username"), "张三");

 

3、获取子表控件的值

函数:Element.GetChildTableValue(DataRowUniqueKey, CSSClassName)

DataRowUniqueKey:子表行的唯一标识

CSSClassName:控件的CSS样式

返回: 字符串

用法示例:

var DataRowUniqueKey = $(".产品编码", CurrentRowObject)[0].id.split("_").last();
Element.GetChildTableValue(DataRowUniqueKey, "数量");

 

4、设置子表控件的值

函数:Element.SetChildTableValue(DataRowUniqueKey, CSSClassName, value)

DataRowUniqueKey:子表行的唯一标识

CSSClassName:控件的CSS样式

value:值(数值,字符串,日期等)

返回: 无

用法示例:

var DataRowUniqueKey = $(".产品编码", CurrentRowObject)[0].id.split("_").last();
Element.SetChildTableValue(DataRowUniqueKey, "数量", 100);

 

5、 判断多选框或单选框是否选中

函数:Element.checked(element)

element:多选框或单选框元素

返回: true或false

用法示例:

var IsChecked = Element.checked($(".是否记住密码"));

 

6、选中或取消选中多选框或单选框

函数:Element.check(element, checked)

element:多选框或单选框元素

checked:true/false,是否选中

返回: 无

用法示例:

 Element.checked($(".是否记住密码"), true);

 

7、判断控件是否被禁用

函数:Element.disabled(element)

element:控件元素

返回: 无

用法示例:

 Element.disabled($("#username"));

 

8、设置控件是否禁用

函数: Element.disable(element, disabled)

element:对象

disabled:true/false

返回: 无

用法示例:

Element.disable($("#username"), true);

 

9、获得元素的样式

函数:Element.GetStyle(element, PropertyName)

element:元素对象

PropertyName:样式名称

返回: 字符串

用法示例:

var style = Element.GetStyle($("#PageBottomToolBarDIV"), "display");

 

10、设置控件的样式

函数:Element.SetStyle(element, PropertyName, Value)

element:元素对象

PropertyName:样式名称

Value:样式值

返回: 无

用法示例:

Element.SetStyle($(document.body), "padding-bottom", "300px");

 

11、判断元素是否有特定的css样式

函数:Element.HasClass(element, ClassName)

element:元素对象

ClassName:css样式名称

返回: true/false

用法示例:

Element.HasClass($("username"), "指定处理人字段");

 

12、为元素添加指定css样式

函数:Element.AddClass(element, ClassName)

element:元素对象

ClassName:CSS样式名称

返回: 无

用法示例:

Element.AddClass($("#username"), "Hidden");

 

13、 删除元素的某个css样式

函数:Element.RemoveClass(element, ClassName)

element:元素对象

ClassName:css样式名称

返回: 无

用法示例:

Element.RemoveClass($("#username"), "Hidden");

 

14、获得元素的尺寸

函数:Element.Size(element)

element:元素对象

返回: 对象,{width:宽度,height:高度}

用法示例:

//宽度:size.width,高度:size.height
var size = Element.Size($(document));

 

15、获得元素的属性值

函数:Element.GetAttribute(element, AttributeName)

element:元素对象

AttributeName:属性名称

返回: 字符串

用法示例:

var ClickJS = Element.GetAttribute($("#SubmitButton"), "onclick");

 

16、设置元素的属性值

函数:Element.SetAttribute(element, AttributeName, Value)

element:元素对象

AttributeName:属性名称

Value:属性值

返回: 无

用法示例:

Element.SetAttribute($("#SubmitButton"), "href", "javascript:ViewPhotoAlbum()");

 

17、删除元素的属性

函数:Element.RemoveAttribute(element, AttributeName)

element:元素对象

AttributeName:属性名称

返回: 无

用法示例:

Element.RemoveAttribute($(".link"), "target");

 

18、在指定元素前插入HTML内容

函数:Element.InsertBefore(ContainerDIVID, html)

ContainerDIVID:元素ID

html:html代码

返回: 无

用法示例:

 Element.InsertBefore("MainContentDIV", "<div>xxxx</div>");

 

19、在指定元素前插入HTML内容

函数:Element.InsertBeforeByElement(element, html)

element:元素对象

html:html代码

返回: 无

用法示例:

 Element.InsertBeforeByElement($("#MainContentDIV"), "<div>xxxx</div>");

 

20、获得元素的name名称属性

函数:Element.GetElementName(element)

element:元素对象

返回: 字符串

用法示例:

 Element.GetElementName($("#username"));

 

21、向容器插入HTML内容

函数:Element.Append(ContainerDIVID, html)

ContainerDIVID:元素ID

html:html代码

返回: 无

用法示例:

Element.Append("SubmitButtonDIV", "<a href=\"\">添加附件</a>");

 

22、向容器插入HTML内容

函数:Element.AppendByElement(element, html)

element:元素对象

html:html代码

返回: 无

用法示例:

Element.Append($("#SubmitButtonDIV"), "<a href=\"\">添加附件</a>");

 

23、在指定元素后插入HTML内容

函数:Element.AppendAfter(ContainerDIVID, html)

ContainerDIVID:元素ID

html:html代码

返回: 无

用法示例:

Element.AppendAfter("SubmitButtonDIV", "<a href=\"\">添加附件</a>");

 

24、在指定元素后插入HTML内容

函数:Element.AppendAfterByElement(element, html)

element:元素对象

html:html代码

返回: 无

用法示例:

Element.AppendAfter($("#SubmitButtonDIV"), "<a href=\"\">添加附件</a>");

 

25、删除指定元素

函数:Element.Remove(ElementID)

ElementID:删除元素ID

返回: 无

用法示例:

Element.Remove("PageTaskWindowIframeStatusDIV");

 

26、删除指定元素

函数:Element.RemoveByElement(element)

element:元素对象

返回: 无

用法示例:

Element.RemoveByElement($("#PageTaskWindowIframeStatusDIV"));

 

27、获得元素在页面上的位置

函数:Element.Position(ElementID)

ElementID:元素ID

返回: 对象 {x:水平位置,y:垂直位置}

用法示例:

//position.x,position.y
var position = Element.Position("username")

 

28、获得元素在页面上的位置

函数:Element.PositionByElement(element)

element:元素对象

返回: 对象 {x:水平位置,y:垂直位置}

用法示例:

//position.x,position.y
var position = Element.Position($("#username"))

 

29、获得元素的html内容

函数:Element.GetHtml(element)

element:元素对象

返回: 字符串

用法示例:

//获得网页的源代码
Element.GetHtml($(document.body));

 

30、设置元素的html内容

函数:Element.SetHtml(element, html)

element:元素对象

html:html代码

返回: 无

用法示例:

Element.SetHtml($("#exampleNiftyNewspaperPopupContainer .V5PopupTitleDIV"), "我的授权");

 

31、获得元素的text内容

函数:Element.GetText(element)

element:元素对象

返回: 字符串

用法示例:

var Text = Element.GetText($("#SubmitButton"));

 

32、设置元素的text内容

函数:Element.SetText(element, text)

element:元素对象

text:文本内容

返回: 无

用法示例:

Element.SetText($("#SubmitButton"),"提交");

 

33、设置元素禁用复制

函数:Element.DisableCopy(element)

element:元素对象

返回: 无

用法示例:

//禁止页面复制
Element.DisableCopy($(document.body));

 

34、获得控件的placeholder属性

函数:Element.PlaceHolder(element)

element:元素对象

返回: 字符串

用法示例:

Element.PlaceHolde($("#username"));

 

35、显示元素

函数:显示元素(elementid)

elementid:元素ID

返回: 无

 

36、隐藏元素

函数:隐藏元素(elementid)

elementid:元素ID

返回: 无

 

37、显示或隐藏元素

函数:OpenOrHideElementByElement(actioname, element, display)

actioname:动作,open或hide

element:元素对象

display:显示方式,block或inline-block,可以为空

返回: 无

用法示例:

OpenOrHideElementByElement("hide", $(".CommonTabMainContentDIV"));