扬中网站建设哪家好,高端网站制作模板,开发者助手app,wordpress 移动端菜单DOM: document object model 文档对象模型提供了一套可以访问和修改HTML文档内容的方法访问#xff1a;获取修改#xff1a;设置1 JS要去操作HTML元素#xff0c;必须要先用JS找到他#xff0c;转换为JS的DOM对象操作#xff1a;a 标签属性b css属性c 元素内容2 找对象的方…DOM: document object model 文档对象模型提供了一套可以访问和修改HTML文档内容的方法访问获取修改设置1 JS要去操作HTML元素必须要先用JS找到他转换为JS的DOM对象操作a 标签属性b css属性c 元素内容2 找对象的方法a 通过标签名来找对象var DOM_OBJdocument.getElementsByTagName(标签名);返回的是集合数组即使只有一个标签返回的也是一个集合b 通过id名来找对象id名是唯一的var DOM_OBJdocument.getElementById(id名);c 可以组合使用标签名和id名的方式来获取对象d 通过name属性名来找对象,返回的是一个集合var DOM_OBJdocument.getElementsByName(nameValue);e 通过css类名找对象,返回的是一个集合var DOM_OBJdocument.getElementsByClassName(类名); 3 操作标签的属性获取var attVaDOM_OBJ.属性名;//attruibute设置DOM_OBJ.属性名attVa;4 操作CSS属性获取var cssVaDOM_OBJ.style.css属性名;//只能获取内联式(嵌入式)的css属性值设置DOM_OBJ.style.css属性名cssVa;//设置的是内联式(嵌入式)的css属性值background-colorbackgroundColorlist-stylelistStyle5 操作内容获取非表单元素var txtDOM_OBJ.innerHTML;表单元素var txtDOM_OBJ.value;设置非表单元素DOM_OBJ.innerHTMLtxt;//会将原有的内容替换掉表单元素DOM_OBJ.valuetxt;区分document.write()和innerHTML 前者是方法后者是属性 前者只能用document这个对象后者可以是任意的非表单元素DOM对象 前者不会覆盖原有的东西后者会覆盖原来的内容***************计时器***************是属于BOM里面的方法BOM:brower object model---提供了可以操作浏览器的方法和属性能够直接访问和修改的方法和属性是跟window相关 计时器window.setInterval();语法setInterval(函数名,毫秒数);每隔多少毫秒去调用这个函数setInterval(函数名(),毫秒数);每隔多少毫秒去调用这个函数setInterval(function(){ 代码块;},毫秒数);每隔多少毫秒去调用这个函数setInterval(console.log(1111),毫秒数);每隔多少毫秒去执行js代码清除计时器var timersetInterval();//定义了一个计时器clearInterval(timer);// 清除的是哪个计时器 延时器window.setTimeout();语法setTimeout(函数名,毫秒数);过了多少毫秒后去执行一次这个函数setTimeout(函数名(),毫秒数);过了多少毫秒后去执行一次这个函数setTimeout(function(){ 代码块;},毫秒数);过了多少毫秒后去执行一次这个函数setTimeout(console.log(1111),毫秒数);延迟多少毫秒去执行一次js代码清除延时器var timersetTimeout();//定义了一个延时器clearTimeout(timer);// 清除的是哪个延时器 ***************事件***************事件是用来实现JS与HTML之间的交互的。1 可以作用于任何对象2 通过函数来进行事件处理的。相关的函数是在事件发生时才执行3 事件分类鼠标事件 键盘事件 表单事件 window事件---事件分类1 鼠标事件click 单击dbclick 双击mouseover 悬停mouseout 离开mousedown 按下mouseup 抬起mousemove 移动转载于:https://www.cnblogs.com/jiandandeboke/p/7389393.html
