导图社区 WEB js DOM操作
这是一篇关于WEB js DOM操作的思维导图。内容包括:DOM概念、DOM节点、获取DOM节点等。
JavaScript运算符思维导图笔记,分支内容包括:算术运算符、赋值运算符、逻辑运算符、关系运算符。
弹性布局思维导图,包括容器属性和项目属性两大分支。
这是一篇关于H5表单控件的思维导图。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
DOM操作(基础)
什么是DOM?
全称Document object model(文档对象模型)
处理HTML文档和元素的方法
DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准,通过DOM可以访问HTML文档的所有元素。
DOM节点
整个HTML文档是一个节点
每个HTML元素也是节点
HTML元素内部的文本也是节点
HTML元素属性是属性节点
(例:a标签中包含属性,href,title,alt...)
每个注释都是注释节点
获取DOM节点(对象)
通过ID获取DOM对象
document.getElementById(id)
通过class获取
document.getElementsByClassName(class)
得到数组类型,数组内部元素为DOM对象
通过标签获取
document.getElementsByTagName(标签名称)
三者区别
id具有唯一性
样式获取没有唯一性,getElement(s)
标签获取没有唯一性,getElement(s)
通过name获取
通常用到表单元素中
获取的也是数组类型(NodeList)
document.getElementsByName(name)
属性扩展
语言属性
<html lang="zh"></html>
英文(en)
中文(zh)
dir(阅读方向)
ltr(left to right)从左向右
rtl(right to left)从右向左
auto(自动)默认是从左向右
键盘属性
当某些元素,尤其是链接和表单控件处于预激活状态时,被称为拥有焦点(focus),因为浏览器的注意力集中在该元素上,准备激活它。
accesskey="key"
Alt+键 激活
核心属性
概念:直接在开始标签书写的属性
class
id
style
input->type
input->name
title