JavaScript HTML DOM

DOM树
网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)
JavaScript HTML DOM
通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 属性
JavaScript 能够改变页面中的所有 CSS 样式
JavaScript 能够对页面中的所有事件做出反应
操作HTML元素,有三种方法
通过 id 找到 HTML 元素 //getElementById("intro")
通过标签名找到 HTML 元素 //getElementsByTagName("p")
通过类名找到 HTML 元素
HTML DOM 允许 JavaScript 改变 HTML 元素的内容。
在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
修改 HTML 内容的最简单的方法时使用 innerHTML 属性
document.getElementById(id).innerHTML=new HTML;
改变 HTML 属性
// document.getElementById("image").src="landscape.jpg";
操作方法.需要更改的属性=new value;
改变 HTML 样式
document.getElementById(id).style.property=new style
// document.getElementById("p2").style.color="blue";

相关推荐