网站建设哪家服务周到,全托管跨境电商平台有哪些,广州最新发布消息,2021年最火装修风格## DomDocument object model 文档对象模型Dom树html|head body| |meta title div|ul|li li li在js世界中#xff0c;把dom树的每个元素都看成一个对象#xff0c;对象就有属性和方法dom学什么 dom节点操作 查找元素 元素增删改查 样式操作 事件绑定等## 事件三要素 1 事件源…## Dom Document object model 文档对象模型 Dom树 html | head body | | meta title div | ul | li li li 在js世界中把dom树的每个元素都看成一个对象对象就有属性和方法 dom学什么 dom节点操作 查找元素 元素增删改查 样式操作 事件绑定等 ## 事件 三要素 1 事件源 谁身上发生了事件 2 事件 具体的行为 如单击、鼠标悬停、键盘按下... 3 事件处理 事件发生后导致什么结果 唐三藏念紧箍咒 打开电灯 js程序如何处理事件 ## 获取页面元素 document.getElementById(**); document.getElementsByTagName(p); document.getElementByName() document.getElementByClassName() Html5 document.querySelector() document.querySelectorAll() 7findEle.html !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleDocument/title
/head
bodyp idfoo/pdiv namefoo/divulli classdemo111/lili222/lili classdemo333/li/uldiv classdemo/divscriptvar oDiv document.getElementsByName(foo);//console.log(oDiv instanceof Object T , Array F);oDiv[0].style.color blue;// ie9以后才支持var eles document.getElementsByClassName(demo);console.log(eles.length);//3// querySelector querySelectorAll H5高版本浏览器常用选择器var p1 document.querySelector(#foo);console.log(p1);var eles2 document.querySelectorAll(.demo);console.log(eles2);/script
/body
/html 转载于:https://www.cnblogs.com/HiJackykun/p/11093730.html