JavaScript DOM- Document Object Model

前记

Document Object Model是用来与前端建立联系的,可以取得网页上的内容，或者修改网页上的任意内容如css,添加或删除html,dom事件做出反应。

可以改变属性或者样式

简单例子

//对应取得.body标签.替换HTML
document.body.innerHTML ="Hello Word";
//修改id为id的src属性
document.getElementById("id").src="http://xx..com/";
//修改id为wocao的style属性
document.getElementById("id").style="font-size:70px";

javascript在HTML标签取得的数据是对象

console.log(typeof document.body);
console.log(document.title);

document.write();插入HTML的方法

document.write(Date());

document.getElementById("")获取ID的方法

document.getElementById("demo").innerHTML="123" //在id为ddemo的标签内插入html:123