熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js innerHTML 改變div內容

2013-11-15 11:54:45  來源: JSP教程 

  JavaScript的innerHTML

  永遠不知道你可以改變的內容一個HTML元素?也許你要取代的文字段落中以反映什麼訪客選定剛剛從下拉框中通過操縱一個元素的innerHtml您可以變更您的文本和HTML多達你喜歡

  改變文字innerHTML
每個HTML元素具有InnerHtml屬性定義的HTML代碼和文字之間發生的元素的開幕式和閉幕式標記通過改變一個元素的innerHTML後一些用戶交互您可以更互動網頁

  但是使用innerHTML需要一些准備如果你希望能夠利用它輕松可靠首先你必須給予部分要更改身份證與標識到位你將能夠使用getElementById功能適用於所有的浏覽器

  在您認為建立您現在就可以操縱文字的要素要開始了讓我們嘗試改變文字一個大膽的標記

  下面我們來看一個用js的innerHTML來改變div值吧

  <script type="text/javascript">
function changeText(){
documentgetElementById(boldStuff)innerHTML = Fred Flinstone;
}
</script>
<p>Welcome to the site <b id=boldStuff>dude</b> </p>
<input type=button onclick=changeText() value=Change Text/>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19878.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.