js中引用css选择器

总结下刚才学习的 

之前忘记了在js中可以使用css选择器来定位,一直在用js的dom定位,感觉钛麻烦,后来百度了下,记忆慢慢上来了,原来在js中是可以引用css选择器来定位元素获取对应的元素属性值的

先列出用js的dom和引用css定位的对比

var xx=document.getElementsByTagName('table')[0]   #获取页面的第一个table  0开始
var oo=xx.getElementsByTagName('tr')[1]   #table下的第二个tr
var aa=oo.getElementsByTagName('td')[4]
var dd=aa.getElementsByTagName('div')[0]

  alert(dd.getAttribute("title"))

改用css后的写法

var pp=document.querySelector("#productResult table tr:nth-of-type(2) td:nth-of-type(5) div")
alert(pp.getAttribute('title'))

看着就简洁多了,也方便多了