元素定位八大法则

元素定位八大法则
1.id: 人的身份证号码，一般正确的情况下，是不会与其他标签的id进行重复的
2.name: 人的身份证名字，有可能重复。如果在定位时遇到多个同样name的标签，则返回第一个
3.class:标签的样式，但是该方法不常用。因为ClassName内容过多，且存在空格分隔符。所以在定位时容易解析错误。
4.TagName：依据标签名进行定位。只在特定情况下进行使用，例如获取表单数据时偶尔会用到。
5.xpath:使用率最高的一种定位方式，类似于文件管理系统的一种定位方式，将元素划分出路径，依据路径对元素进行定位。
绝对路径：html/body/div/div/span/input
相对路径：//*[@id=''kw''](//表示根目录‘html’,*表示所有元素，@id表示元素有一个id的属性，kw表示属性的值）
该方法在ie中，无法被很好的支持
6.CSS Selector 对于仅限于IE浏览器运行的Web系统进行元素定位，推荐使用方法。
依据标签的id查找元素：input#su(input表示要查找的元素的标签名，#表示标签的id,su表示属性的值）
依据标签的其他属性查找元素：input[name=''wd''](input表示要查找的元素的标签名，[name=]表示标签的name属性，wd表示属性的值）
若有多个属性一同查找input[name=''wd''][class=''s_ipt'']
7.LinkText:专用于定位链接的定位方法
8、PartialLinkText:专用于定位链接的定位方法，模糊定位。类似于Sql中的Like %%

 

---

 

1. document.getElementsById('kw')
2.document.getElementsByName('wd')
3.document.getElementsByClassName('s_ipt')
4.document.getElementsByTagName('input')

6.document.querySelector('input[name=''wd''][class=''s_ipt'']')

---