第二天学习目标:


一、阻止超链接的默认跳转行为

事件处理函数添加:return false

二、鼠标进入事件和鼠标离开事件

鼠标进入事件:onmouseover
鼠标离开事件:onmouseout

三、根据name属性值获取元素==>表单标签,返回的是伪数组

document.getelEmentByName("name值");

四、根据类样式的名字来获取元素,返回的是伪数组

document.getElementsByClassName("类名");

五、根据选择器获取元素

documen.querySelector("选择器名")

六、总结获取元素方式

1、根据id属性的值获取元素,返回来的是一个元素对象
​ document.getElementById("id的值");
2、根据标签名获取元素,返回来的是一个伪数组,里面保存了多个DOM对象
​ document.getelEmentByTagName("标签名字");
3、根据name属性的值获取元素,反回来的是一个伪数组,里面保存了多个DOM对象
​ document.getElementByName("name属性的值");
4、根据类样式的名字获取元素,返回来的是一个伪数组,里面保存了多个DOM对象
​ document.getElementsByClassName("类样式的名字")
5、根据选择器获取元素,返回来的是一个元素对象
​ document.querySelector("选择器的名字");
	6、根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
​ document.querySelectorAll("选择器的名字");

七、获取焦点事件和离开焦点事件

1、获取焦点事件:onfocus
2、离开焦点事件:onblur

八、innerText和textContent区别

>**设置标签中的文本内容,应该使用textContent属性,谷歌,火狐支持,IE8不支持

​ 设置标签中的文本内容,应该使用innerText属性,谷歌,火狐,IE8都支持**

​ 1、如果这个属性在浏览器不支持,那么这个属性的类型是undefied

​ 2、判断这个属性的类型,是不是undefined,就知道浏览器是否支持

九、innerText和innerHTML区别

>**总结:如果想要(获取)标签及内容,使用innerHTML**

​ 如果想要设置标签,使用innerHTML

​ 想要设置文本,用innerText,或者innerHTML,或者textContent

十、自定义属性设置和获取

设置自定义属性:setAttribute("属性的名字","属性的值");
获取自定义属性的值:getAttribute("属性名")

十一、移除自定义属性或移除元素自带的属性

元素.removeAttribute("属性名")  属性名不是属性值******

学习WEBAPI(DOM)第二天的更多相关文章

  1. Stealth视频教程学习笔记(第二章)

    Stealth视频教程学习笔记(第二章) 本文是对Unity官方视频教程Stealth的学习笔记.在此之前,本人整理了Stealth视频的英文字幕,并放到了优酷上.本文将分别对各个视频进行学习总结,提 ...

  2. 学习HTML5的第二周

    ---恢复内容开始--- 这是我学习H5的第二周,在本周,我独立完成了一个网站的首页和一个二级页,虽然在做网页的时候我遇到了许多问题,但我自己想办法解决了其中的大部分,只留下了一小部分没有头绪的问题等 ...

  3. html学习笔记-DOM

    html学习笔记-DOM Table of Contents 1. 什么是 DOM? 2. DOM 节点 3. DOM 方法 4. DOM 属性 5. DOM 访问 6. DOM 修改 7. DOM ...

  4. 红帽学习笔记[RHCSA] 第二周

    目录 红帽学习笔记[RHCSA]第二周 环境 第七课[网络配置相关] 在Vmware中添加网卡 将网卡添加到虚拟机上 关于网卡命名规则 配置网络 网络配置命令总结 更改hostname 关于SSH的一 ...

  5. Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十三章:角色动画

    原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十三章:角色动画 学习目标 熟悉蒙皮动画的术语: 学习网格层级变换 ...

  6. Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十二章:四元数(QUATERNIONS)

    原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十二章:四元数(QUATERNIONS) 学习目标 回顾复数,以及 ...

  7. Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十一章:环境光遮蔽(AMBIENT OCCLUSION)

    原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十一章:环境光遮蔽(AMBIENT OCCLUSION) 学习目标 ...

  8. Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十章:阴影贴图

    原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十章:阴影贴图 本章介绍一种在游戏和应用中,模拟动态阴影的基本阴影 ...

  9. Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二章:矩阵代数

    原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二章:矩阵代数 学习目标: 理解矩阵和与它相关的运算: 理解矩阵的乘 ...

随机推荐

  1. [python]创建文本文件,并读取

    代码如下: # coding=gbk import os fname = raw_input("Please input the file name: ") print if os ...

  2. P1415 拆分数列 DP

    传送门: 题意: 将一个数字串分成许多不同的小串,使得这些小串代表的数字严格递增,要求最后一个数字尽可能地小. 然后满足字典序尽可能大. 思路: 由于最后一个数字要尽可能地小,所以先处理出每个数的L[ ...

  3. HDU-10240Max Sum Plus Plus+动态规划+滚动数组

    Max Sum Plus Plus 题意:题意理解了老半天,这里是说在给定数列中,取m组子数列,不能有重复,使得这些子序列的和最大: 就比如m=2时候,1 /2/-4/5/6.可以不用拿-4的意思: ...

  4. CodeForces 85D Sum of Medians Splay | 线段树

    Sum of Medians 题解: 对于这个题目,先想到是建立5棵Splay,然后每次更新把后面一段区间的树切下来,然后再转圈圈把切下来的树和别的树合并. 但是感觉写起来太麻烦就放弃了. 建立5棵线 ...

  5. Mysql相关:navicat for mysql 加注释

    在 navicat 中有三种注释的书写方式: 以 # 开头的字符串,可以多个 # 连续以 – 开头的字符串,注意:只能是 – ,而且 – 后面需要加一个半角空格以 /* */ 包围的字符串,类似于 J ...

  6. 快速构建第一个Flink工程

    本文简述通过maven和gradle快速构建的Flink工程.建议安装好Flink以后构建自己的Flink项目,安装与示例运行请查看:Flink快速入门--安装与示例运行. 在安装好Flink以后,只 ...

  7. Vue中如何使用less

    最近发现好多小伙伴在面试的过程中会问到vue如何使用less和scss,所以我绝对更新.复习一下less:废话不多说直接进主题: 依赖下载 1.首先使用npm下载依赖: npm install --s ...

  8. 获取不到jdbc.driver的值解决办法

    我存在的问题是: 1.先检查自己是否出错 ①首先想到mysql版本和驱动版本之间的冲突问题,我的mysql是5.5.56,驱动用的5.1.32,上网查了一下可以用,但还是尝试换了一个版本的驱动,还是出 ...

  9. eclipse下mybatis-generator-config插件

    <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE generatorConfiguration ...

  10. 几道STL题目(FJUT - OJ STL训练1)

    这个OJ一直在做,一些专题题目都很好,从易至难,阶梯上升,很适合像我这样的蒟蒻 =7= 这篇是关于其中一个专题训练的题解思路及代码   http://120.78.128.11/Contest.jsp ...