中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：HTML DOM 修改 下一篇：HTML DOM 元素

HTML DOM 修改 HTML 內(nèi)容

通過 HTML DOM，JavaScript 能夠訪問 HTML 文檔中的每個(gè)元素。

改變 HTML 內(nèi)容

改變元素內(nèi)容的最簡單的方法是使用 innerHTML 屬性。

下面的例子更改 <p> 元素的 HTML 內(nèi)容：

實(shí)例

<p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML="新文本!"; </script> <p>段落通過腳本來修改內(nèi)容。</p>

運(yùn)行代碼 ?

改變 HTML 樣式

通過 HTML DOM，您能夠訪問 HTML 對象的樣式對象。

下面的例子更改段落的 HTML 樣式：

實(shí)例

<p id="p1">Hello world!</p> <p id="p2">Hello world!</p> <script> document.getElementById("p2").style.color="blue"; document.getElementById("p2").style.fontFamily="Arial"; document.getElementById("p2").style.fontSize="larger"; </script>

運(yùn)行代碼 ?

使用事件

HTML DOM 允許您在事件發(fā)生時(shí)執(zhí)行代碼。

當(dāng) HTML 元素"有事情發(fā)生"時(shí)，瀏覽器就會(huì)生成事件：

  • 在元素上點(diǎn)擊
  • 加載頁面
  • 改變輸入字段

你可以在下一章學(xué)習(xí)更多有關(guān)事件的內(nèi)容。

下面兩個(gè)例子在按鈕被點(diǎn)擊時(shí)改變 <body> 元素的背景色：

實(shí)例

<input type="button" onclick="document.body.style.backgroundColor='lavender';" value="修改背景顏色">

運(yùn)行代碼 ?

在本例中，由函數(shù)執(zhí)行相同的代碼：

實(shí)例

<script> function ChangeBackground() { document.body.style.backgroundColor="lavender"; } </script> <input type="button" onclick="ChangeBackground()" value="修改背景顏色" />

運(yùn)行代碼 ?

下面的例子在按鈕被點(diǎn)擊時(shí)改變 <p> 元素的文本：

實(shí)例

<p id="p1">Hello world!</p> <script> function ChangeText() { document.getElementById("p1").innerHTML="Hello Runoob!"; } </script> <input type="button" onclick="ChangeText()" value="修改文本" />

運(yùn)行代碼 ?
上一篇：HTML DOM 修改 下一篇：HTML DOM 元素