javascript-dom简介
html dom:当网页被加载时,浏览器会创建页面的文档对象模型(document object Model),dom操作html四个方向:①javascript能够改变页面中所有html元素②javascript能够改变页面中所有html属性③javascript能够改变页面中所有css样式④javascript能够对页面中所有事件做出反应。
javascript-dom操作html
1、改变html输出流:绝对不要在文档加载完成之后使用document.write()比如p标签的内容会被单击事件覆盖。该文档
2、寻找元素:通过id寻找html元素document.getElementById("");通过标签名找到html元素document.getElementsByTagName("p");相同标签的第一个
3、改变html内容:使用属性:innerHTML声明变量,用变量点
4、改变html属性,使用attribute示例如下,具体查看代码。
javascript-dom操作css
语法:document.getElementById("").style.property= new style;示例如下通过点击按钮来触发javascript-dom EvenListener句柄
分为:addEvenListener和removeEvenListener语法为document.getElementById("div").addEvenListenner(事件,function(){});就是把事件和方法合并了