js獲取內(nèi)聯(lián)樣式的方法
本文實例講述了js獲取內(nèi)聯(lián)樣式的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>javascript 獲取內(nèi)聯(lián)樣式</title>
</head>
<style>
#box{
width:100px;
height:100px;
background-image:url(1.jpg);
background-size:140% 140%;
background-repeat:no-repeat;
border:20px solid rgba(0,0,0,.3);
background-clip:border-box;
background-position:-20px -20px;
}
</style>
<body>
<div id="box"></div>
</body>
</html>
<script>
//獲取內(nèi)聯(lián)樣式元素
function getStyle( obj , attr )
{
if ( window.getComputedStyle ) {
return getComputedStyle( obj , null )[attr];
}else{
return obj.currentStyle[attr];
}
}
//獲取對象
function $(id){
return document.getElementById(id);
}
var box = $('box');
//打印樣式
alert(getStyle(box , 'background-position'));
</script>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
在JS中，window.opener只是對彈出窗口的母窗口的一個引用。本篇文章主要是對js中opener的使用進行了詳細介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了JS實現(xiàn)判斷移動端PC端功能,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
JavaScript函數(shù)的4種調(diào)用方法實例分析
這篇文章主要介紹了JavaScript函數(shù)的4種調(diào)用方法,結(jié)合實例形式總結(jié)分析了javascript函數(shù)調(diào)用常見操作技巧與注意事項,需要的朋友可以參考下2019-03-03
js 兼容多瀏覽器的回車和鼠標焦點事件代碼(IE6/7/8,firefox,chrome)
本文講一下js實現(xiàn)兼容IE6/7/8,firefox,chrome瀏覽器的回車和鼠標焦點事件的代碼。2010-04-04
這篇文章主要介紹了JS中如何克隆對象(深克隆淺克隆遞歸克隆)的全面探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01
網(wǎng)站導致瀏覽器崩潰的原因總結(jié)(多款瀏覽器) 推薦
對于訪客，如果登錄您網(wǎng)站，瀏覽器就立刻崩潰，我想這對誰都是無法容忍的，對此總結(jié)了網(wǎng)站導致瀏覽器崩潰的原因2010-04-04
這篇文章主要介紹了微信小程序進入廣告實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了微信小程序商品詳情頁規(guī)格屬性選擇的示例代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-10-10
我喜歡引用這句話，“程序是對復雜性的管理”。計算機世界是一個巨大的抽象建筑群。我們簡單的包裝一些東西然后發(fā)布新工具，周而復始?，F(xiàn)在思考下，你所使用的語言包括的一些內(nèi)建的抽象函數(shù)或是低級操作符。這在JavaScript里是一樣的2014-03-03
這篇文章主要介紹了nuxt配置通過指定IP和端口訪問的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01