2020-09-27

### 代码

e.target                                触发事件的节点

.mouseenter                       事件类型:鼠标悬浮上时(hover)

.click                                     事件类型:点击

.addEventListener(事件类型,事件处理函数,Boolean)     例 arEle.addEventListener("click", function () {}, false)

.offsetWidth                       获取宽包括border以外的

.offsetHeight                      获取高包括border以外的

.previousElementSibling   获取上一个兄弟元素

.nextElementSibling           获取下一个兄弟元素

.classList.remove("box")   删除class中的box值

.classList.toggle("box")       找class里面有没有box,有的话就删掉 没有就添加

.classList.contains("属性值")   判断属性值在不在类里面

.classList.add("")                增加节点的class值

.classList                             获取节点class的某个值

.classList                             获取节点的所有class值

data-自定义名="属性值"     自定义属性  //获取自定义属性值 节点名.dataset.自定义名

​                                                                   //更改自定义属性值    节点名.dataset.自定义名="F70"

.type                                      快捷修改或添加input的type值 

.className                           快捷获取class属性节点

.htmlFor                                快捷添加或修改label属性节点        例  labelEle.htmlFor="F71";

.hasAttribute("属性名")           查找属性返回布尔值                    例 let F70=divEle.hasAttribute("class");

.removeAttribute("属性名")   删除属性节点

.setAttribute             添加属性节点("属性名","属性值")         例 labelEle.setAttribute("for","F70");

.getAttribute                             获取属性节点的值                 例 let claValur= divEle.getAttribute("class");

document.createComment   添加注释节点

父元素.inserBefore(A,B)          A插入到B之前

 window.innerWidth                获取视口的宽度

 window.innerHeight               获取视口的高度

.remove()                                   删除元素

.clientWidth                               获取元素的宽度

.clientHight                                获取元素的高度 

.replaceChild(新节点，旧节点)   替换节点

.cloneNode(布尔值)                  克隆节点.cloneNode（布尔值）  true带内容   false只复制元素                              

.remove                                      删除节点：节点.remove()

.value                                          获取文本的输内容

.trim                                            去除左右空格

.selected                                     获取多行文本点击值的，点击了返回true

.appendChild                             将F71添加到F70的子节点         例 F70.appendChild(F71)

.children                                     获取F70全部的子节点              例 F70.children 

.firstChild                                   获取第一个子节点

.firstElementChild                    获取第一个元素节点

.lastChild                                    获取最后一个子节点

.lastElementChild                      获取最后一个元素节点

.createElement("")                     创建新的元素节点                     例 let F70=document.createElement("div")

.createTextNodes                        创建文本节点                            例 let F70=document.createTextNode("F70");

.getElementsByTagName("")    根据标签名进行元素的获取     例 let F70=document.getElementsByTagName("div")[0];

.getElementsByName("")          根据name名进行元素的获取   例 let F70=document.getElementsByName("div")[0];

.getElementById                        根据ID名进行元素的获取          例 let F70=document.getElementById("box");

.getElementsByClassName       通过类名进行元素的获取         例 let F70=document.getElementsByClassName("div66");

.querySelectoe                            返回第一个满足需求的元素     例 let F70=document.querySelectoe("div>p");

.querySelectoeAll                        返回第一个满足需求的元素     例 let F70=document.querySelectoe("div>p");

.parentNode                                获取父元素                                例 let F70= 获取的子元素.parentNode

.children                                      获取全部子元素

.childNode                                   获取全部子元素+文本节点                                例 let F70=获取的父元素.childNode

元素节点.innerText="添加内容"              

元素节点.innerHTML="添加内容"                                                 innerHTML可以识别字符串中的标签

serInterval()                                 功能：设定时间 每多少毫秒执行函数 let time=serInterval(F70,1000,"F70");

serInterval()                                 参数：第一个是函数,第二个是设定的时间，第三个是函数的实参