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