js元素獲取與操作

可以使用內(nèi)置對象document上的getElementById方法來獲取頁面上設(shè)置了id屬性的元素，獲取到的是一個html對象，然后將它賦值給一個變量，比如：

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

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

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

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

第二種方法：將javascript語句放到window.onload觸發(fā)的函數(shù)里面,獲取元素的語句會在頁面加載完后才執(zhí)行，就不會出錯了。

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

樣式操作

標(biāo)簽對象.style.css屬性名=“值” //改變標(biāo)簽對象的樣式。

示例：id.style.color=“red”;

注意：屬性名相當(dāng)于變量名,所以css屬性名中含有雙拼詞的(font-size)的減號要去掉，將后面的首字母大寫。fontSize

文本操作

標(biāo)簽對象.innerHTML=“內(nèi)容”；//在標(biāo)簽對象內(nèi)放置指定內(nèi)容

表單中值的操作

標(biāo)簽對象.value； //獲取標(biāo)簽對象的value值

標(biāo)簽對象.value=”值“；//設(shè)置標(biāo)簽對象的value值

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的JavaScript中的元素获取与操作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。