獲取繼承自類的元素樣式* not *樣式屬性

如何獲取樣式表/樣式應用的div樣式標籤並以編程方式忽略元素樣式？獲取繼承自類的元素樣式* not *樣式屬性

例如

var alice = 'alice ' + $('.alice').css('color'); 
 
var boblice = 'alice ' + $('.bob').css('color'); 
 
var bob = 'bob ' + $('.bob').css('color'); 
 

 
$('#result').text(
 
alice + '\n' + bob 
 
); 
 

 
$('#expected').text(
 
boblice + '\n' + bob 
 
); 
 

 
var elem1 = document.getElementById("alice"); 
 
alicestyle = window.getComputedStyle(elem1, null); 
 

 
console.log(alicestyle);

.alice { 
 
    color:green; 
 
} 
 

 
.bob { 
 
    color:green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id='alice' class="alice" style="color:red"> 
 
test 
 
</div> 
 

 
<div id = 'bob' class="bob"> 
 
test 
 
</div> 
 

 
result: 
 
<div id="result"> 
 

 
</div> 
 

 
expected: 
 
<div id="expected"> 
 

 
</div> 
 

 
getComputedStyle: 
 
<div id="computed"> 
 

 
</div>

來源

2017-07-06 Ryan The Leach

你的意思是像[**'getComputedStyle' **]（https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle）？ –

此鏈接可能會幫助https://stackoverflow.com/questions/16778814/read-css-property-from-stylesheet – Aravinder

@ibrahimmahrir不，getComputedStyle包含style屬性。 –

嗯，我不認爲你可以直接從樣式獲取其風格。但我認爲你可以使用下面的代碼的解決方案：

if(typeof($('#alice').attr('style')) != 'undefined') { 
    $('#alice').removeAttr('style'); 
    var aliceSheets = $('.alice').css('color'); 
    console.log(aliceSheets); 
}

如果你想要得到的風格只有在不改變元素的風格，那麼你可以添加style閱讀後顏色屬性回來。

來源

2017-07-06 03:34:40

獲取繼承自類的元素樣式* not *樣式屬性

回答

相關問題