js innerHTML 改變div內容的方法

高洛峰
發布: 2017-02-13 14:10:30
原創
1914 人瀏覽過

改變文字innerHTML
每個HTML元素具有InnerHtml屬性定義的HTML代碼和文字之間發生的元素的開幕式和閉幕標記。透過改變一個元素的innerHTML後,一些用戶交互,您可以更互動網頁。
但是,使用innerHTML需要一些準備,如果你希望能夠利用它輕鬆,可靠。首先,你必須給予部分要更改身分證。與識別到位,你將能夠使用getElementById功能,適用於所有的瀏覽器。
在您認為建立您現在就可以操縱文字的要素。要開始了,讓我們試著改變文字一個大膽的標記。
下面我們來看一個用js的innerHTML來改變div值吧.

<script type="text/javascript">
function changeText(){
document.getElementById(&#39;boldStuff&#39;).innerHTML = &#39;Fred Flinstone&#39;;
}
</script>
<p>Welcome to the site <b id=&#39;boldStuff&#39;>dude</b> </p>
<input type=&#39;button&#39; onclick=&#39;changeText()&#39; value=&#39;Change Text&#39;/>
登入後複製

更多js innerHTML 改變div內容的方法相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!