例項
本例查詢 id="main" 的元素，然後查詢 "main" 中的所有 <p> 元素：
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");複製程式碼改變 HTML 內容
修改 HTML 內容的最簡單的方法時使用 innerHTML 屬性。
document.getElementById(id).innerHTML=new HTML複製程式碼改變 HTML 屬性
如需改變 HTML 元素的屬性，請使用這個語法：
document.getElementById(id).attribute=new value複製程式碼改變 HTML 樣式
document.getElementById(id).style.property=new style複製程式碼onload 和 onunload 事件 onfocus
onchange 事件onmouseover 和 onmouseout 事件
onmousedown、onmouseup 以及 onclick 事件
建立新的 HTML 元素
如需向 HTML DOM 新增新元素，您必須首先建立該元素（元素節點），然後向一個已存在的元素追加該元素。
例項
<div id="div1">
<p id="p1">這是一個段落</p>
<p id="p2">這是另一個段落</p>
</div>
<script>
var para=document.createElement("p");
var node=document.createTextNode("這是新段落。");
para.appendChild(node);
var element=document.getElementById("div1");
element.appendChild(para);
</script>複製程式碼刪除已有的 HTML 元素
如需刪除 HTML 元素，您必須首先獲得該元素的父元素：
例項
<div id="div1">
<p id="p1">這是一個段落。</p>
<p id="p2">這是另一個段落。</p>
</div>
<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>複製程式碼