JavaScript是一種動(dòng)態(tài)、解釋型語(yǔ)言,常常用于網(wǎng)頁(yè)開(kāi)發(fā)中的交互效果。在實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)中的某個(gè)功能的時(shí)候,我們常常需要獲取當(dāng)前點(diǎn)擊的CSS樣式,以實(shí)現(xiàn)各種交互效果。下面是一個(gè)獲取當(dāng)前點(diǎn)擊CSS樣式的JavaScript示例代碼:
//在HTML頁(yè)面中使用以下語(yǔ)句引入jQuery庫(kù)
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
//給需要綁定點(diǎn)擊事件的元素添加類(lèi)名,如下面的class1
<p class="class1">點(diǎn)擊這里</p>
//使用以下JavaScript代碼獲取當(dāng)前點(diǎn)擊CSS樣式
$('p').click(function(){
var css = $(this).attr('class');
console.log("當(dāng)前點(diǎn)擊元素的CSS樣式為:" + css);
});
在上面的代碼中,我們首先引入jQuery庫(kù),然后通過(guò)給需要綁定點(diǎn)擊事件的元素添加類(lèi)名,來(lái)實(shí)現(xiàn)了綁定元素點(diǎn)擊事件的目的。在點(diǎn)擊事件觸發(fā)的時(shí)候,我們通過(guò)使用jQuery的attr()方法來(lái)獲取當(dāng)前點(diǎn)擊元素的class屬性值,從而獲取到了當(dāng)前點(diǎn)擊CSS樣式。