JavaScript 擷取元素方法

僅供學習，轉載請注明出處

擷取元素方法一

可以使用内置對象document上的getElementById方法來擷取頁面上設定了id屬性的元素，擷取到的是一個html對象，然後将它指派給一個變量，比如：

<script type="text/javascript">
    var oDiv = document.getElementById('div1');
</script>
....
<div id="div1">這是一個div元素</div>      

上面的語句，如果把javascript寫在元素的上面，就會出錯，因為頁面上從上往下加載執行的，javascript去頁面上擷取元素div1的時候，元素div1還沒有加載，解決方法有兩種：

第一種方法：将javascript放到頁面最下邊

....
<div id="div1">這是一個div元素</div>
....

<script type="text/javascript">
    var oDiv = document.getElementById('div1');
</script>
</body>      

第二種方法：将javascript語句放到window.onload觸發的函數裡面,擷取元素的語句會在頁面加載完後才執行，就不會出錯了。

<script type="text/javascript">
    window.onload = function(){
        var oDiv = document.getElementById('div1');
    }
</script>

....

<div id="div1">這是一個div元素</div>