js innerHTML 改變div內容的方法
更新時間：2013年08月03日 10:12:58 作者：
永遠不知道你可以改變的內容，一個HTML元素？也許你要取代的文字段落中，以反映什么訪客選定剛剛從下拉框中。通過操縱一個元素的innerHtml您可以變更您的文本和HTML多達你喜歡。
改變文字innerHTML
每個HTML元素具有InnerHtml屬性定義的HTML代碼和文字之間發(fā)生的元素的開幕式和閉幕式標記。通過改變一個元素的innerHTML后，一些用戶交互，您可以更互動網頁。
但是，使用innerHTML需要一些準備，如果你希望能夠利用它輕松，可靠。首先，你必須給予部分要更改身份證。與標識到位，你將能夠使用getElementById功能，適用于所有的瀏覽器。
在您認為建立您現在就可以操縱文字的要素。要開始了，讓我們嘗試改變文字一個大膽的標記。
下面我們來看一個用js的innerHTML來改變div值吧.
<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>
每個HTML元素具有InnerHtml屬性定義的HTML代碼和文字之間發(fā)生的元素的開幕式和閉幕式標記。通過改變一個元素的innerHTML后，一些用戶交互，您可以更互動網頁。
但是，使用innerHTML需要一些準備，如果你希望能夠利用它輕松，可靠。首先，你必須給予部分要更改身份證。與標識到位，你將能夠使用getElementById功能，適用于所有的瀏覽器。
在您認為建立您現在就可以操縱文字的要素。要開始了，讓我們嘗試改變文字一個大膽的標記。
下面我們來看一個用js的innerHTML來改變div值吧.
復制代碼 代碼如下:
<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>
相關文章
這篇文章主要介紹了微信小程序綁定手機號獲取驗證碼功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了p5.js入門教程之鍵盤交互,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了微信小程序獲取音頻時長與實時獲取播放進度,文中給大家通過一個例子介紹了微信小程序音頻長度獲取的問題，感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08
Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是為了改變函數體內部 this 的指向。下面通過本文重點給大家介紹js中apply，call，bind的巧妙使用方法，感興趣的朋友一起學習吧2016-08-08
這篇文章主要為大家詳細介紹了Bootstrap進度條的學習使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了js實現TAB切換對應不同顏色的代碼,涉及javascript頁面元素的遍歷及樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
本文主要介紹了原生js仿瀏覽器滾動條效果的實例。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03![JavaScript中將一個值轉換為字符串的方法分析[譯]](http://img.jbzj.com/images/xgimg/bcimg7.png)
在JavaScript中,主要有三種方法能讓任意值轉換為字符串.本文講解了每種方法以及各自的優(yōu)缺點2012-09-09
bootstrap制作jsp頁面（根據值讓table顯示選中）
這篇文章主要為大家詳細介紹了bootstrap做的jsp頁面,根據值讓table顯示選中，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
設置table高度想必大家都會，直接在table標簽中設置下不就行了嗎？這是靜態(tài)的，如果要動態(tài)設置你會嗎？下面的實例將教會大家2014-10-10