獲取元素所有的CSS樣式是jQuery中經(jīng)常需要操作的一項(xiàng)任務(wù),在jQuery中,我們可以使用css()
方法來獲取一個(gè)元素的樣式,如果要獲取一個(gè)元素所有的樣式,我們需要遍歷該元素的所有屬性,下面是一個(gè)示例代碼,可以獲取一個(gè)元素所有的CSS樣式:
function getAllStyles(element) { var styles = {}; for (var i = 0; i < element.attributes.length; i++) { var attr = element.attributes[i]; if (attr.name.indexOf("style") > -1) { var styleName = attr.name.replace("style", ""); var styleValue = element.style[styleName]; if (styleValue) { styles[styleName] = styleValue; } } } return styles; }
這個(gè)getAllStyles
函數(shù)接受一個(gè)元素作為參數(shù),并返回該元素所有的CSS樣式,在函數(shù)中,我們遍歷了元素的所有屬性,并檢查是否有style
屬性,如果有,我們獲取該屬性的值,并提取出樣式名稱和樣式值,我們將樣式名稱和樣式值存儲(chǔ)在一個(gè)對(duì)象中,并返回該對(duì)象。
使用示例:
var element = document.getElementById("myElement"); var allStyles = getAllStyles(element); console.log(allStyles);
在這個(gè)示例中,我們首先獲取了一個(gè)元素的引用,然后調(diào)用getAllStyles
函數(shù)獲取該元素所有的CSS樣式,我們將樣式對(duì)象打印到控制臺(tái)中。