3.18

一. 与或非

1. 符号标识：

• 与 and &&（并且）
• 或 ||

2. 特点

• 使用或（||）时，前边成立(转换为布尔值)给前边，前边不成立给后边
• 使用与（&&）时，前边成立给后边，前边不成立给前边

• 两种都不看后边是什么内容，直接白给

二.DOM操作

1. 元素包含的常用属性

• innerHTML：

• • 代码：xxx.innerHTML （xxx代表的是变量名）
  • 特性：能识别结构，获取的是能够识别的结构（设置的时候能够识别结构）。

• • 作用：存储当前元素内所有内容，包含标签

• innerText：

• • 代码：xxx.innerText （xxx代表的是变量名）
  • 特性：能识别此变量内的文本。

• • 作用：储存当前元素的文本内容

• style：

• • 代码：xxx.style （xxx代表元素名）
  • 特性：操作的是行内样式

• • 作用：贮存当前元素的所有行内样式。

• className：

• • 代码：xxx.className = 'ccc' （xxx代表元素名）
  • 特性：存储的是字符串，代表当前元素的类名（赋值时看看等号后边是什么类型，若是值类型，则可以理解为复制一份（相互独立），若是引用类型，则可以理解为同一个地址）

• • 作用：设置xxx的类名为'ccc'。

• id：给元素设置id属性，可以用"#+属性值"进行选择
• getElementById()

• • 代码：var box = document.getElementById('app')（id属性值）
  • 特点：获取的是一个元素 /获取id

• getElementsByClassName()

• • 代码：var box = document.getElementsByClassName('container')（类名）
  • 特点：获取的是元素的集合 /获取类名

• getElementByTagname()

• • 代码：varbox3=document.getElementsByTagName('span')
  • 特点：获取的是元素的集合 /获取标签

• querySelector（Css选择器）获取的是一个元素

• • 代码：var btn = document.querySelector（）
  • 特点：可以直接写css选择器

• querySelectorAll（CSS选择器）获取的是一组元素

• • 代码：var lis = document.querySelectorAll（'li'）
  • 特点：可以直接写CSS选择器

事件属性

• onclick：点击事件

• • 代码：box.onclick = function（）{} 固定格式
  • 特点：给box这个元素对应的点击行为绑定了一个点击执行的代码（给box设定了一个点击事件）

• onmouseenter： 划入事件

• • 代码：box.onmouseenter = function（）{}
  • 特点：鼠标划入盒子范围内就触发

• onmouseleave： 划出事件

• • 代码：box.onmouseleave = function（）{}
  • 特点：鼠标划出。