textContent 与 innerHtml 的区别
innerHTML 在设置内容的时候,会把内容中的标签解析为元素显示出来
例如:<br/>会解析为真正换行 (聪明)
textContent 只会显示为单纯的文本 (木呆)
例如:<br/> 会解析为<br/>
innerHTML 返回的是标签内的 html内容,包含html标签。
innerText 返回的是标签内的文本值,不包含html标签。
标准属性的添加
删除: p1.classList.remove("bold");
添加: p1.classList.add("bold");
切换: p1.classList.toggle("bold");
包含: p1.classList.contains("bold")
自定义属性的获取
getArrtribute 方法用来获取标签的自定义属性,参数是属性名,返回的是一个属性的值,该方法也可以用获取标准属性
例如: var v1 =p1.getAttribute("xiabei");
setAttribute 添加属性或者是自定义属性 1.代表属性名 2.属性值
例如: p1.setAttribute("state","ready");
hasAttribute 判断是否有自定义属性
例如: console.log(p1.hasAttribute("state"));
删除: 删除自定义元素
例如 p1.removeAttribute("state");
事件对象e
e: e代表此次事件的对象
e.target: 代表事件监听对象
数组的快速遍历:forEach
对象的快速遍历:for in
数组使用过for in 代表索引
arr1 instanceof Array:判断前者是否属于后者
for in遍历数组与对象的区别
遍历数组 for(var index in array)
index代表的是索引
遍历对象 for(var item in Object)
item代表的是每个元素