js元素獲取與操作
可以使用內置對象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>
樣式操作
標簽對象.style.css屬性名=“值” //改變標簽對象的樣式。
示例:id.style.color=“red”;
注意:屬性名相當于變量名,所以css屬性名中含有雙拼詞的(font-size)的減號要去掉,將后面的首字母大寫。fontSize
文本操作
標簽對象.innerHTML=“內容”;//在標簽對象內放置指定內容
表單中值的操作
標簽對象.value; //獲取標簽對象的value值
標簽對象.value=”值“;//設置標簽對象的value值