獲取div DOM 獲取當前樣式和IE相容

2021-10-14 17:25:30 字數 1706 閱讀 1854

我們先來複習一下之前是如何獲取當前style樣式的

比如body中有這樣乙個div

documenttitle>    #div1style>head>div>body>
我們來獲取一下它style中的高:
window.onload  =  function()script>
執行結果如下:

我們用同樣的方法寫一下

注意:之前講過的獲取背景顏色時要把 – 改為首字母大寫

window.onload  =  function()script>
執行結果如下:

我們可以將height寫在head中的style標籤中試一下

#div1style>
同樣用剛才的方法獲取
window.onload  =  function()script>
執行結果如下:

也就是說,我們通過上述操作只能找到行內的css樣式

如何獲取當前所有的有效樣式呢?

就需要用到getcomputedstyle

格式:getcomputedstyle( 元素節點 )[ 獲採樣式型別 ];

還是上面的例子,我們來改一下:

documenttitle>    #div1style>    window.onload  =  function()script>  head>  div>  body>html>
執行結果如下:

1.這是獲取當前有效的樣式,也就是顯示出效果的那個樣式

比如寫了兩個一樣的樣式,因為有優先順序,所以他會只獲取有效的那個

2.外鏈的樣式也是不能獲取的

3.這個效果ie瀏覽器是不支援的

★★★如何解決ie不相容它的問題呢?

就需要使用下面的語句格式:

元素節點.currentstyle[ 獲採樣式型別 ];

注意:這裡需要做瀏覽器相容操作,通過乙個三目運算子完成function  getstyle(elem,attr)

我們來看一下完整的**:

documenttitle>    #div1style>    window.onload  =  function()            //獲取當前樣式的相容:      function  getstyle(elem,attr)script>  head>  div>  body>html>
執行結果和上面一樣:

獲取當前時間

獲取日期 時間 datetime.now.tostring 2008 9 4 20 02 10 datetime.now.tolocaltime tostring 2008 9 4 20 12 12 獲取日期 datetime.now.tolongdatestring tostring 2008年9...

獲取當前目錄

tchar exefullpath max path getmodulefilename getmodulehandle null exefullpath,max path tcsrchr exefullpath,t 1 0 這是一段獲得程式當前目錄的一段 這段 很簡單,唯一有點難度的就是最後一句 ...

獲取當前時間

直接上可以執行的 檔案 獲取當前時間.cpp 方案 time 優點 僅使用c標準庫 缺點 只能精確到秒級 include time.h include stdio.h int main void 方案二getlocaltime 優點 能精確到毫秒級 缺點 使用了windows api include...