1. 程式人生 > >CSS getStyle 獲取元素的樣式,解決offSet+樣式所產生的bug

CSS getStyle 獲取元素的樣式,解決offSet+樣式所產生的bug

//封裝好的函式,獲取樣式style(解決offset樣式的bug)
function getStyle(obj, attr) {
    if (obj.currentStyle) {                //IE瀏覽器
        return obj.currentStyle[attr]
    } else {                               //Chrome瀏覽器
        return getComputedStyle(obj, false)[attr]
    }
}

getStyle 函式接受兩個引數,第一個為obj物件,第二個為物件的屬性。一般情況下,

div.offSetWidth運動時由於邊框,padding等因素會產生偏差,如果border為1px,寬度

每秒-1,則會越來越大!從而使運動不能完整。使用getStyle(obj, attr)即可。

相關推薦

CSS getStyle 獲取元素樣式解決offSet+樣式產生bug

//封裝好的函式,獲取樣式style(解決offset樣式的bug) function getStyle(obj, attr) { if (obj.currentStyle) {

函式 getStyle() 獲取元素 CSS 樣式

 element.style.backgroundColor = '#000'; 然而,很多時候我們在修改元素的樣式之前要先保留元素原來的樣式屬性值,或許可以這麼做:  var bc = element.style.backgroundColor; 這麼做有

css設定滾動條樣式解決ios修改滾動條樣式無效問題

css部分 /* 橫向滾動容器 */ .scroll-wrapper { width: 100%; overflow-x: auto; height: 22px; white-space: nowrap; display: flex;

angular 建立一個簡單的屬性型指令 (動態獲取DOM元素size對DOM樣式進行改變)

一. 在 Angular 中有三種類型的指令:1. 元件 — 擁有模板的指令2. 結構型指令 — 通過新增和移除 DOM 元素改變 DOM 佈局的指令3. 屬性型指令 — 改變元素、元件或其它指令的外觀和行為的指令。本章主要想介紹一下屬性型指令並建立一個簡單的屬性型指令,屬性

CSS獲取元素的z-index值以及各種值的意義

cti width -i table pre class 解讀 span 描述 js可以獲取其元素的z-index值: $("document").ready(function(){ var a = $(‘.row‘).css(‘z-index‘); a

java:常見問題(解決獲取properties亂碼解決poi自適應寬度)

1.解決獲取properties亂碼 File cf = new File("D:\\app\\java_jar\\config.properties"); String[] paths = null; try { FileInputStream

[javascript]javascript取得html元素取得html樣式修改html樣式

一.取得html元素 詳情見:https://www.jb51.net/article/116460.htm 1.通過ID獲取(getElementById) document.getElementById('id')   2.通過name屬性(getElementsByName

css小技巧-元素分類、字型的樣式、畫三角形、游標樣式

行級元素(span,strong,em,a,del)-內聯元素 Feature:內容決定元素所佔位置         不可以通過css改變寬高 display:inline; 2.塊級元素(div,p,u

獲取元素大小螢幕大小

一、元素內大小 clientWidth=元素的寬度+元素padding-left+ 元素padding-right      *   :不包含margin和border clientHeight=元素的高度+元素padding-top

CSS 塊級元素block 行內元素 inline以及行內塊級元素inline-block

block元素(div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等) 從瀏覽器的顯示結果可以看出,塊級元素新開啟一行(即

HttpURLConnection獲取網頁內容解決亂碼的通用方法

      由於網頁內容的字符集編碼不一定都採用UTF-8編碼,所以通過HttpURLConnection獲取的網頁內容經常會出現亂碼的問題。 網頁內容的編碼可能是UTF-8,也可能是GBK、GB23

小程式系列課程之6事件繫結獲取元素ID頁面傳值獲取資料

根據在頁面需要實現不同的跳轉和不同的頁面傳值,梳理了以下情況情況一:在小程式的開發過程中會用到動態傳參,比如根據某一個頁面傳參不同,載入不同的新的頁面(一般會用到wx:for迴圈顯示陣列,實現的功能是點選不同的元素進入不同的頁面,比如在另一個頁面載入某個元素的詳細資訊。)情況

獲取元素的偏移量offset

parentNode 有盒子的佈局如下 檢視每一層盒子的parentNode:父親節點,HTML結構層級關係中的上一級元素 center.parentNode   //inner inner.par

安卓4.4以前不能直接呼叫js獲取返回值解決方法

安卓4.4以前用類似這種呼叫js獲得返回資料 webView.evaluateJavascript("getGreetings()", new ValueCallback<String>() { @Override public void onRec

html/css 滾動到元素位置顯示載入動畫

每次滾動到元素時,都顯示載入動畫,如何新增?   元素新增初始引數 以上圖中的動畫為例,新增倆個左右容器,將內容放置在容器內部。 新增初始資料,預設透明度0、左右分別移動100px。 1 //左側容器 2 .item-leftContainer { 3 opacity: 0;

只能輸入數值封裝input或者contentable==true的div解決網上其他方法的bug相容移動端。

/** * 限制只能輸入number * @param {[type]} dom [限制的dom類名] */ function checkNumer(dom) { if (typeof $ == 'function') { let inp = $

自定義 radio 的樣式更改選中樣式

  思路: 1. 可以為<label>元素新增生成性內容(偽元素),並基於單選按鈕的狀態來為其設定樣式; 2. 然後把真正的單選按鈕隱藏起來; 3. 最後把生成內容美化一下。 解決方法: 1. 一段簡單的結構程式碼: <div class="fe

iframe js獲取父級元素資訊設定css樣式 和繫結事件

獲取iframe 父級id 為objid的內容。 $('#objid',window.parent.document).val(""); 初始化為iframe 父級 id為cancel1繫結事件 $('#cancel1',window.parent.document).

js打印html指定元素解決動態獲取的圖片無法打印問題

tps per 註意 pri javascrip iframe 動態 下載 默認 用js來調用瀏覽器的打印接口很容易,一兩行代碼就能搞定,但是有些數據是通過動態生成的,例如一些動態生成的二維碼,有時候調用打印接口圖片會無法顯示 為了解決這個問題,建議使用下面這個庫 下載:h

css】子元素浮動到了父元素元素沒有隨子元素自適應高度如何解決

正常情況 如果子元素沒有設定浮動(float),父元素的高度會隨著子元素高度的改變而改變的。 設定浮動以後 父元素的高度不會隨著子元素的高度而變化。 例如:在一個ul中定義若干個li,並設定float='left' <!DOCTYPE html> <html lang="en"&g