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"));