當前位置:才華齋>設計>網頁設計>

js innerHTML 改變div內容的方法

網頁設計 閱讀(2.08W)
  導語:js innerHTML 改變p內容,你知道要怎麼做嗎?下面的是YBYS小編為大家這裡的一些相關方法,希望對你能有所幫助。

  JavaScript的rHTML

js innerHTML 改變div內容的方法

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

  改變文字innerHTML

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

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

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

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

<script type="text/javascript">

function changeText(){

lementById('boldStuff')rHTML = 'Fred Flinstone';

}

</script>

<p>Welcome to the site <b id='boldStuff'>dude</b> </p>

<input type='button' onclick='changeText()' value='Change Text'/>