js innerHTML 改變div內(nèi)容的方法

　　導(dǎo)語(yǔ)：js innerHTML 改變p內(nèi)容，你知道要怎么做嗎？下面的是YBYS小編為大家這里的一些相關(guān)方法，希望對(duì)你能有所幫助。

　　JavaScript的innerHTML

　　永遠(yuǎn)不知道你可以改變的內(nèi)容，一個(gè)HTML元素？也許你要取代的文字段落中，以反映什么訪客選定剛剛從下拉框中。通過(guò)操縱一個(gè)元素的innerHtml您可以變更您的文本和HTML多達(dá)你喜歡。

　　改變文字innerHTML

　　每個(gè)HTML元素具有InnerHtml屬性定義的HTML代碼和文字之間發(fā)生的元素的開(kāi)幕式和閉幕式標(biāo)記。通過(guò)改變一個(gè)元素的innerHTML后，一些用戶交互，您可以更互動(dòng)網(wǎng)頁(yè)。

　　但是，使用innerHTML需要一些準(zhǔn)備，如果你希望能夠利用它輕松，可靠。首先，你必須給予部分要更改身份證。與標(biāo)識(shí)到位，你將能夠使用getElementById功能，適用于所有的瀏覽器。

　　在您認(rèn)為建立您現(xiàn)在就可以操縱文字的要素。要開(kāi)始了，讓我們嘗試改變文字一個(gè)大膽的標(biāo)記。

　　下面我們來(lái)看一個(gè)用js的innerHTML來(lái)改變p值吧.

　　<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'/>

【js innerHTML 改變div內(nèi)容的方法】相關(guān)文章：

常用表單驗(yàn)證的js方法02-03

在div中可以輸入文字的方法03-25

flash遮住div的解決方法03-23

HTML中利用js調(diào)用php的內(nèi)容01-17

js中cookie的使用方法05-18

用單div實(shí)現(xiàn)CSS繪圖方法08-11

Firefox瀏覽器屏蔽JS的方法01-24

用js互相調(diào)用iframe頁(yè)面的方法03-30

php與js的區(qū)別07-19