DOM獲取樣式的值

阿新 • • 發佈：2018-12-21

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #box{
                width: 200px;
                height: 200px;
                background-color:green;
            }
        </style> 

    </head>
    <body>
        <button id="btn1">紅色</button>
        <button id="btn2">綠色</button>
        <button id="btn3">切換</button>
        <div id="box"></div>
        <script>
            var o=document.getElementById('box');
            var 
 btn1=document.getElementById('btn1');
            var btn2=document.getElementById('btn2');
            var btn3=document.getElementById('btn3');
            //變紅
            btn1.onclick=function(){
                o.style.background='red';
            }
            //變藍
            btn2.onclick=function 
(){
                o.style.background='green';
            }
            //兩種顏色切換
            btn3.onclick=function(){
                //獲取物件o的樣式   返回值是樣式物件
                 var sty=window.getComputedStyle(o,null);
                 //sty.屬性名    獲取樣式的值 
                 var col=sty.backgroundColor;
                 console.log(col);//控制檯列印獲取的背景色
                if(col=='rgb(0, 128, 0)'){
                    o.style.background='red';
                }else{
                    o.style.background='green';
                }
            }
        </script>
    </body>
</html>

獲取樣式的值：
style既是屬性也是物件
(1)node.style.樣式名; 此方法只能取到行間樣式
(2)var sty=window.getComputedStyle(物件,null);獲取目標物件的樣式 ;
返回值是樣式物件 sty.屬性名;
既能獲取行間樣式屬性值又能獲取樣式表屬性的值；

DOM獲取樣式的值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style>

javascript dom 獲取樣式屬性值

文章中每一個元素都是物件，樣式也是物件獲取樣式屬性先建立元素物件，然後獲取樣式屬性值；如：<p id="demo" style="color:red">123</123> document.getElementById("demo").style

原生js獲取元素樣式值

應該 eight current document 疑惑行內樣式 lin script 輸出在學習js初期，就一直有一個疑問，獲取元素樣式的值，不是直接使用obj.style.left之類的就可以得到了嗎？可是使用這樣的方式，有的時候能夠獲取得到，有的時候又不能獲取，

Jsoup（四）-- Jsoup獲取DOM元素屬性值

div 解析 pri com tar 標題技術 windows [] 1.獲取博客園的博客標題以及博客地址，獲取友情鏈接 2.代碼實現： public static void main(String[] args) throws Exception{

獲取get值&DOM例題

indexof 例題 win 獲取 eth [] sele doc lec 獲取get值： <body> <form action="9.26獲取get值.html" method="get"> <i

Vue獲取DOM元素樣式 && 樣式更改

find style ons 設置我們獲取樣式 win 更改 exp 在 vue 中用 document 獲取 dom 節點進行節點樣式更改的時候有可能會出現 ‘style‘ is not definde的錯誤，這時候可以在 mounted 裏用 $refs 來獲取樣式

HTML DOM firstChild lastChild nextSibling previousSibling 屬性_獲取屬性值的undefined問題

++ ogl dom tel 文本 next ssi 上一個 fin 1 <html> 2 <head> 3 <title>HTML示例</title> 4 <style type="text/c

javascript學習筆記（第三章DOM--獲取元素屬性值）

javascript學習筆記（第三章DOM–獲取元素屬性值）在上一節中我們大致總結了獲取元素的三種方法，分別為：getElementById,getElementsByTagName,getElementsByClass,其中getElementById獲取的

jQuery選擇器ID、CLASS、標籤獲取物件值、屬性、設定css樣式

jQuery是繼prototype之後又一個優秀的Javascrīpt框架。它是輕量級的js庫(壓縮後只有21k) ，它相容CSS3，還相容各種瀏覽器（IE 6.0+, FF 1.5+, Safar

JQuery獲取屬性值

zhang 文本引號 rop 屬性 false vid 標簽 als $("#divid").text(); //獲取id為divid下的文本內容 $("#divid").attr("name"); //獲取id為divid標簽的name的值 $("#divid").

js學習總結----設置元素的樣式值setcss

默認 div function ret ttr lte fun wid ott 在JS給元素設置樣式屬性值，我們只能通過curEle.style[attr] = value 這種方式給元素設置行內樣式下面封裝一個給當前元素的某一個樣式屬性設置值的方法（增加在行內樣式上的）

ajax回調函數回調無法獲取返回值

nbsp .json 開始 str error: != 註入 null ole function kakaajax(obj, callback) { //函數執行第一步傳入兩個參數(obj,callback(a))所以如果想在此處獲取 ajax的返回值沒門因為請求未發出

HashMap根據value獲取key值

font 重復 span new 新建 cit public entry static public static String getCityId(HashMap<String,String> citys, String city){ Set set =

request.getRemoteAddr() 獲取的值為0:0:0:0:0:0:0:1的原因及解決辦法

測試 127.0.0.1 文件在服務器臺電屬於 sts javaweb項目服務器和客戶端問題：在近期開發的javaweb項目中，需要記錄登錄時的電腦ip地址和主機名，通過request.getRemoteAddr()和request.getRemoteHost(

獲取URL值帶參數跳轉

blog split class sea spl bstr param req color //要跳轉界面 api.openWin({ name: ‘PayOrder‘, url: ‘PayOrder.html?id=2‘, pagePa

iOS原生請求獲取Cookie值

header share httpurl logs fields head working cache net 1 //創建URL 2 NSURL * url = [NSURL URLWithString:@"http://api.skyfox.or

封裝批量獲取鍵值對數據的方法

link 復雜根據 isset 獲取 style ret 取數據 key 有時候，我們通過 array_column 或者循環做了一個鍵值對 key value，如果是根據一個key獲取數據就很簡單直接用 isset($list[$key])?$list[$key]:

DOM元素屬性值如果設置為對象

轉換 src 分享指正基本數據類型參數 bsp 元素屬性結論：內部會調用toString方法，將設置的對象轉換為字符串添加給相應的屬性；這個問題呢，是通過jQuery的each方法中，回調函數的this指向問題而來；我們知道，回調函數中的this如果指向的是基

前臺頁面獲取checkbox值例子

cells ora 名稱 log 前臺 asc location post bsp <table width="100%" border="0" cellpadding="0" cellspacing="0" class="mian_b_bg"><tr&g

java後臺發送請求並獲取返回值

otto wid eight quest 所有 ica 輸出流 lds thead 項目中需要前端發送請求給後端,而後端需要從另一個平臺中取數據然後再透傳給前端,通過下述代碼將其實現.在此記錄一下.package com.autotest.utils;import java

DOM獲取樣式的值

相關推薦