JavaScript HTML DOM

JavaScript 能够改变页面中的所有 HTML 元素

JavaScript 能够改变页面中的所有 HTML 属性

JavaScript 能够改变页面中的所有 CSS 样式

JavaScript 能够对页面中的所有事件做出反应

通过 id 查找 HTML 元素 var x=document.getElementById("intro");

通过标签名查找 HTML 元素var x=document.getElementById("main");

通过类名找到 HTML 元素var x=document.getElementsByClassName("intro");

改变 HTML 输出流document.write(Date());

改变 HTML 内容 document.getElementById(id).innerHTML=新的 HTML

改变 HTML 属性document.getElementById(id).attribute=新属性值

改变 HTML 样式document.getElementById(id).style.property=新样式

对事件做出反应

我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。

如需在用户点击某个元素时执行代码，请向一个 HTML 事件属性添加 JavaScript 代码：

onclick=JavaScript

addEventListener() 方法

实例

在用户点击按钮时触发监听事件：

document.getElementById("myBtn").addEventListener("click", displayDate);

这段代码创建新的元素var para=document.createElement("p");

在已存在的元素后添加新元素element.appendChild(para);

删除元素parent.removeChild(child);