DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js innerHTML 改變div內容的方法
js innerHTML 改變div內容的方法
編輯:關於JavaScript     
改變文字innerHTML
每個HTML元素具有InnerHtml屬性定義的HTML代碼和文字之間發生的元素的開幕式和閉幕式標記。通過改變一個元素的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'/>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved