在做测试的时候,元素选择是个相当烦人的问题,通常解决方法是在该标签上加上 id,可是问题来了,有些时候 id 加不上去(现在开发大部分是调用别人写好的组件,想加 id 不是那么容易),或者组件自动生成的 id,由于字段名相同,id 都是一样的,让人十分头疼。
大家都知道有种标签选择方式叫 document.querySelector(),是一种常用的通过元素属性来选择的方法。比如通过该方法可以选择 class,id,标签等,功能十分强大,既然强大就要善于利用。
有种写法是 input[type=”button”] 是选择样式为 button 的 input 框,由此扩展,是否所有的标签都有这种写法,本人亲测,确实如此,比如,tr[a=”a”] 就表示选择有属性 a, 且其属性值为 a 的 tr 标签。
除此外,[] 内还可以填入多条属性,中间用逗号隔开。
详细可见:https://www.cnblogs.com/fanbi/p/7705235.html