03JavaScript程序设计修炼之道-2019-06-20

## Dom

Document object model 文档对象模型

Dom树

html

head body

| |

meta title div

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 lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><p id="foo"></p><div name="foo"></div><ul><li class="demo">111</li><li>222</li><li class="demo">333</li></ul><div class="demo"></div><script>var 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

03JavaScript程序设计修炼之道-2019-06-20_20-31-49相关推荐

03JavaScript程序设计修炼之道_2019-06-18_21-41-56_事件onfocus
05onfocus.html 转载于:https://www.cnblogs.com/HiJackykun/p/11054992.html
《IT售前工程师修炼之道》2019年9月笔记
<IT售前工程师修炼之道>2019年9月笔记关于为什么读这本书几周前,老同学开车载我的时候聊到他所在当地有名的科创园 IT公司(成立了5年)的事.三个月前,他公司的 IT 销售员集体 ...
读书笔记：编写高质量代码--web前端开发修炼之道（二：5章）
读书笔记:编写高质量代码--web前端开发修炼之道这本书看得断断续续,不连贯,笔记也是有些马虎了,想了解这本书内容的童鞋可以借鉴我的这篇笔记,希望对大家有帮助. 笔记有点长,所以分为一,二两个部分: ...
图灵2011年6月书讯【误区】【软件调试修炼之道】即将上市
- 误区:思维中常犯的6个基本错误 --本书通过许多生动玄妙的生活小事,深刻而犀利地揭示了6种思维陷阱,介绍了形成正确信念和作出科学决策应遵循的方法.通过作者引人入胜的叙事方式,层层深入的分析讲解,你 ...
Linux驱动修炼之道-SPI驱动框架源码分析(上)
Linux驱动修炼之道-SPI驱动框架源码分析(上) SPI协议是一种同步的串行数据连接标准,由摩托罗拉公司命名,可工作于全双工模式.相关通讯设备可工作于m/s模式.主设备发起数据帧,允许多个从设 ...
编写书籍《C语言嵌入式系统编程修炼之道》序言
序言目前,嵌入式系统已经无处不在,遍布于世界的每一个角落.智能家电.手机.PDA.汽车.通信电台等几乎所有的电力.电器与电子产品都包含一个或多个嵌入式系统.有人的地方就有江湖,有电的地 ...
postgresql修炼之道_PostgreSQL内核开发学习资料
我自2011年便开始进行PostgreSQL内核开发岗,在公司内也算是时间比较久了,带了一些新人入门,总结了一些不同阶段需要学习的资料. 我将PostgreSQL内核知识划分为3层: 数据库基础对象, ...
《程序员修炼之道》笔记（一）
这几天开始看<程序员修炼之道>,也许不少人看了书的标题,第一时间会觉得这是鸡汤一类的书.但至少以我自己的感受来看,这是很棒的书,现代人文主义不是提倡自我意识嘛,自己感觉好的就是好的.况且人 ...
福利 | 抽奖送现金送书《Web前端工程师修炼之道》
很多关注了我的公众号的粉丝可能都不知道我,趁这次机会简单介绍下. 你好,我是若川.江西人,某不那么知名的陶瓷大学毕业生,目前在杭州从事前端开发工作.常以若川为名混迹于江湖.更详细的可以点击关于我我历 ...

03JavaScript程序设计修炼之道-2019-06-20_20-31-49

03JavaScript程序设计修炼之道-2019-06-20_20-31-49相关推荐

最新文章

热门文章