js innerHTML 改變div內容的方法

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

改變文字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'/>

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。