2019獨角獸企業(yè)重金招聘Python工程師標準>>>

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

改變文字innerHTML

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

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

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

下面我們來看一個用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' οnclick='changeText()' value='Change Text'/>

復(fù)制代碼

轉(zhuǎn)載于:https://my.oschina.net/zhiqiangwang/blog/920051

總結(jié)

以上是生活随笔為你收集整理的js innerHTML 改变div内容的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。