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值

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。