1. 程式人生 > >js中引用css選擇器

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'))
看著就簡潔多了,也方便多了