document.querySelector() 回傳 第一個符合特定選擇器群組的元素。 element = document.querySelector(selectors); element 是元素物件。 selectors 是以逗號分隔,包含一個或多個 CSS 選擇器的字串。 例: var el = document.querySelector(".myclass"); var el = document.querySelector("#myid"); var el = document.querySelector("#myid"); var el = document.querySelector("#myid"); var el = document.querySelector("#myid"); getComputedStyle() 回傳 所有計算的CSS屬性和指定元素的值。 var style = window.getComputedStyle(element,pseudoElement); element:用於獲取計算樣式的元素。 pseudoElement:要獲取的pseudo-element。這是一個可選參數。 例: var Mid = document.querySelector("#myid"); var Ael = getComputedStyle(Mid,null) var Bel = getComputedStyle(Mid,':after') var Cel = getComputedStyle(Mid,':hover') getPropertyValue() 回傳返回在聲明塊中聲明的CSS屬性的值。 例: Ael.getPropertyValue('height') Bel.getPropertyValue('color') Cel.getPropertyValue('border')
沒有留言:
張貼留言