多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

<rt id="gudr0"></rt>

中國最全IT社區平臺聯系我們 | 收藏本站

htmldom教程

HTML DOM 教程

←上一篇： HTML DOM 訪問

→下一篇：HTML DOM 修改 HTML 內容

HTML DOM 修改

閱讀 (2203)

HTML DOM - 修改

修改 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 樣式：

實例

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

</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>

嘗試一下 ?

←上一篇： HTML DOM 訪問

→下一篇：HTML DOM 修改 HTML 內容

教程導航