HTML DOM offsetLeft用法及代碼示例

DOM offsetLeft屬性用於返回像素的左位置。此位置相對於offsetParent元素的左側。

用法:

element.offsetLeft

返回值：它返回以像素為單位表示元素左側位置的數字。

例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            DOM offsetLeft Property 
        </title>  
          
        <style> 
            #GFG { 
                height:50px; 
                width:200px; 
                padding:10px; 
                background-color:green; 
            } 
        </style> 
    </head>  
      
    <body>  
        <h2> 
            DOM Style offsetLeft Property 
        </h2>      
               
        <div id = "GFG"> 
            <b>Information about this div:</b><br> 
  
            <p id = "demo"></p> 
        </div><br> 
          
        <button type = "button" onclick = "geeks()">  
            Submit  
        </button>  
              
        <script>  
            function geeks() {  
                var testDiv = document.getElementById("GFG"); 
  
                document.getElementById("demo").innerHTML 
                    = "offsetLeft:"+ testDiv.offsetLeft; 
            }  
        </script>  
    </body>  
</html>

輸出：
之前單擊按鈕：

單擊按鈕後：

支持的瀏覽器：下麵列出了DOM offsetLeft屬性支持的瀏覽器：

穀歌瀏覽器
Internet Explorer 8.0
火狐瀏覽器
Opera
蘋果瀏覽器

相關用法

注：本文由純淨天空篩選整理自sarthak_ishu11大神的英文原創作品 HTML | DOM offsetLeft Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。