Html Dom in QTP

DOM在QTP中的应用

getElementById()

getElementsByTagName()

getElementsByClassName()

getAttribute():获取属性

hasattribute：判断是否存在指定属性

setAttribute：设置属性值，有的属性ie不支持，

parentElement：父元素，ie

parentNode：父元素，ie+其他

firstchild：第一个子元素

lastchild：最后一个子元素

nextsibling：下一个同级节点

previoussibling：前一个同级节点

childnodes：子元素的集合

style. 内嵌样式，即元素标签内的样式

currentStyle.：元素目前所应用的样式值，可以是内嵌样式、内部样式或者外部样式表，只适用于ie

getComputedStyle：和currentStyle一样，使用于火狐

innerHTML：设置或获取标签内的HTML,

outerHTML：设置或获取标签及标签内的HTML  

innertext:设置或获取标签内的文本  

outerText：设置(包括标签)或获取(不包括标签)对象的文本

*innertext和outertext在获取时，区别不大，但在设置时，有区别

前者并没有销毁tag内的对象，而后者销毁了这个对象，使用文本对象代替

示例：

1.可以使用style属性做类似于highlight的操作

.object.style.backgroundColor = "000000"

Object.currentStyle.fontSize="44px"

'有的对象默认是不可用，可以使用diabled设置为可用

.Object.disabled=flase 

2.通过某元素获取别的元素

  .Object.parentnode.previousSibling.nodeName：获取父节点的前一个同级节点的节点名称

  例：通过百度首页的搜索按钮获取输入框，并设置value

   Browser("百度一下，你就知道").Page("百度一下，你就知道").WebButton("百度一下").Object.parentElement.previousSibling.childNodes(0).value="iamfeiyu1009"

  一些页面开发框架中，页面呈现的表格，html标记不一定是table，qtp就无法识别整体为一个webtable，可以使用dom节点关系，通过一个已知元素获取其所在行的其他列的元素，当然使用xpath的xpath轴也可以轻松搞定，原理和dom类似。