第二天学习目标:


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

事件处理函数添加: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. SDU暑期集训排位(3)

    B. Mysterious LCM 做法 保留 \(a_i|x\) 的元素,其它元素解体. \(a_i\) 的某个质因子的指数,要和 \(x\) 的这个质因子一样多,才有贡献,否则这个质因子它在划水啊 ...

  2. UVALive 7264 Kejin Game 网络流+最小割

    Kejin Game 题意:一个人有一颗技能树, 现在它想修练到某个技能 (假设为x), 现在修一个技能有3种方式: 1, 将该技能的前置技能都学完了,才能学该技能. 2, 取消一个技能 与 另一个技 ...

  3. CodeForces 416 B Appleman and Tree DP

    Appleman and Tree 题解: 定义dp[u][1] 为以u的子树范围内,u这个点已经和某个黑点相连的方案数. dp[u][0] 为在u的子树范围内, u这个点还未和某个黑点相连的方案数. ...

  4. POJ 1002 487-3279 map

    487-3279 Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 287874   Accepted: 51669 Descr ...

  5. hdu3746(kmp最小循环节)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3746 题意:问在一个字符串末尾加上多少个字符能使得这的字符串首尾相连后能够循环 题解:就是利用next ...

  6. Spring Boot2 系列教程(二)创建 Spring Boot 项目的三种方式

    我最早是 2016 年底开始写 Spring Boot 相关的博客,当时使用的版本还是 1.4.x ,文章发表在 CSDN 上,阅读量最大的一篇有 43W+,如下图: 2017 年由于种种原因,就没有 ...

  7. 微服务时代之自定义archetype(模板/骨架/脚手架)

    1. 场景描述 (1)随着微服务越来越常见,一个大的项目会被拆分成多个小的微服务,jar包以及jar之间的版本冲突问题,变得越来越常见,如何保持整体微服务群jar及版本统一,也变成更加重要了,mave ...

  8. java解决回文数

    递归解决palindrome问题 如果String仅仅只是一个或者0个字符,则它就是palindrome 否则比较字符串第一个和最后一个字符 如果第一个和最后一个字符不同,那么就不是palindrom ...

  9. Mybatis源码阅读-配置文件及映射文件解析

    Mybatis源码分析: 1.配置文件解析: 1.1源码阅读入口: org.apache.ibatis.builder.xml.XMLConfigBuilder.parse(); 功能:解析全局配置文 ...

  10. 【第十七篇】easyui-datagrid 导出Excel (在客户端能弹出下载框)

    //导出Excel function exportExcel(obj) { var SaleOrderNo = $("#SaleOrderNo").val().trim(); va ...