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];
}
}
//獲取對象
function $(id){
return document.getElementById(id);
}
var box = $('box');
//打印樣式
alert(getStyle(box , 'background-position'));
</script>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
提高javascript效率 一次判斷，而不要次次判斷，學(xué)習(xí)js的朋友可以參考下2012-03-03
這篇文章主要介紹了js獲取 gif 的幀數(shù)的代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JS全局變量和局部變量最新解析的相關(guān)知識(shí)，本文給給大家補(bǔ)充js刪除局部變量的代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
javascript實(shí)現(xiàn)獲取服務(wù)器時(shí)間
本文給大家總結(jié)了一下使用javascript來獲取服務(wù)器時(shí)間的幾種方法和思路，十分的簡單明了，有需要的小伙伴可以參考下2015-05-05
本篇文章主要是對JS文本獲得焦點(diǎn)清除文本文字的示例代碼進(jìn)行介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
Proxy用于修改某些操作的默認(rèn)行為，在目標(biāo)對象前架設(shè)一個(gè)“攔截”層，外界對該對象的訪問都必須先通過這一層攔截，因此提供了一種機(jī)制可以對外界的訪問進(jìn)行過濾和改寫。本文就講講Proxy的使用2021-05-05
JavaScript中匿名函數(shù)的遞歸調(diào)用
本文主要介紹了JavaScript中匿名函數(shù)的遞歸調(diào)用。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要幫助大家深入理解javascript模塊化，感興趣的小伙伴們可以參考一下2016-03-03
QQ強(qiáng)制聊天功能代碼(加強(qiáng)版，兼容QQ2010)
QQ強(qiáng)制聊天功能代碼,腳本之家以前也發(fā)布過，但已經(jīng)不能用了，這個(gè)是新版本，經(jīng)過測試，完全兼容新版本的qq.2010-06-06
javascript結(jié)合Flexbox簡單實(shí)現(xiàn)滑動(dòng)拼圖游戲
本文給大家分享的是一則使用javascript結(jié)合Flexbox簡單實(shí)現(xiàn)滑動(dòng)拼圖游戲的代碼，雖然沒有實(shí)現(xiàn)完整的功能，但是還是推薦給大家，喜歡的朋友可以繼續(xù)做完2016-02-02