您現在的位置: 365建站網 > 365教程 > HTML DOM 教程 > HTML DOM - 修改

HTML DOM - 修改

此節有 220 人學習過     參與評論

修改 HTML = 改變元素、屬性、樣式和事件。

修改 HTML 元素

修改 HTML DOM 意味著許多不同的方面:

  • 改變 HTML 內容
  • 改變 CSS 樣式
  • 改變 HTML 屬性
  • 創建新的 HTML 元素
  • 刪除已有的 HTML 元素
  • 改變事件(處理程序)

在接下來的章節,我們會深入學習修改 HTML DOM 的常用方法。

創建 HTML 內容

改變元素內容的最簡答的方法是使用 innerHTML 屬性。

下面的例子改變一個 <p> 元素的 HTML 內容:

實例

<html>
<body>

<p id="p1">Hello World!</p>

<script>
document.getElementById("p1").innerHTML="New text!";
</script>

</body>
</html>

親自試一試

提示:我們將在下面的章節為您解釋例子中的細節。

改變 HTML 樣式

通過 HTML DOM,您能夠訪問 HTML 元素的樣式對象。

下面的例子改變一個段落的 HTML 樣式:

實例

<html>

<body>
<p id="p2">Hello world!</p>

<script>
document.getElementById("p2").style.color="blue";
</script>

</body>
</html>

親自試一試

創建新的 HTML 元素

如需向 HTML DOM 添加新元素,您首先必須創建該元素(元素節點),然后把它追加到已有的元素上。

實例

<div id="d1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);

var element=document.getElementById("d1");
element.appendChild(para);
</script>

親自試一試

如對本文有疑問,請提交到交流論壇,廣大熱心網友會為你解答??! 點擊進入論壇


發表評論 (220人查看,0條評論)
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
用戶名: 驗證碼: 點擊我更換圖片
最新評論
------分隔線----------------------------
自拍偷拍福力视频,偷拍国际精品,麻豆一区福利电影,国产网红视频午夜福利,se视频大全,久久国产AV影院 狠狠爱夜夜撸手机在线| 少妇高潮太爽了在线播放| 快穿禁忌文尺寸大的肉多| 中文字幕视频二区人妻| 奇777四色影视在线看| 小草社区观看免费观看| 亚洲av国产av欧美av制服丝袜| 苍井空波多野结衣免费看| 学生在教室里强奷美女班主任| 欧美日韩在手机线旡码可下载| 深圳出租屋故事| 卫生间激烈视频大全| α片毛片香港经典免费观看| 两女互相摸呻呤磨豆腐| 精品国产av自在拍500部| 壮志高飞电视剧全集在线观看| 国产成人av在线免播放观看| 国产在线精彩亚洲久久| 久久爱在线看精品999| 无码人中文字幕| 成·人免费午夜无码视频在线观看| 国产乱理伦片在线观看| 日本av无码| 饥渴男女办公室激战| 12 13x x videos chain| 国产亚洲欧美在线专区| 成年无码av片| 草莓视频app无限观看| 亚洲国产一区二区三区在线观看| 黄色片网站| 不用充钱的看黄神器| http://www.exilox.com