* 总结 :
* 操作样式 : dom.style.属性名 = 属性值
* 获取样式 : dom.style.属性名
* 注意 : 无法获取默认已存在的样式(自己写的样式表)
*
* 操作类名 : dom.className = “类名”
* 获取类名 : dom.className
* 注意 : 设置类名会重置class属性中的值
*
* 操作表单 :
* 通过js操作属性名和属性值一样的时候, 用布尔值操作
* 注意 : readnly这个属性在js中携程驼峰命名法 : readOnly
* 注意 : 获取用户所输入的值 : 对象.value
*
* 获取节点的六种方式 :
*
* 通过id获取 dom.getElementById(“id名”) 获取单个dom对象
* 通过标签获取 dom.getElementsByTagName(“标签名”) 获取多个dom对象的集合
*
* 通过类名获取 dom.getElementsByClassName(“类名”) 获取多个dom对象的集合
* 通过name名获取 dom.getElementsByName(“name名”) 获取多个dom对象的集合
*
* 通过选择器获取 dom.querySelector(“选择器”) 获取单个dom对象
* 通过选择器获取 dom.querySelectorAll(“选择器”) 获取多个dom对象的集合
*
* 操作事件:
* 鼠标移入和移出事件: onmouseover 移入 onmouseout移出
* 聚焦和失焦事件 : onfocus 和 onblur
*
* innerText: 所有的浏览器都支持
* textContent : ie8不支持
*
* 操作自定义属性:
* 设置 dom.setAttribute(“属性名”,“属性值”)
* 获取 dom.getAttribute(“属性名”)
* 移除 dom.removeAttribute(“属性名”)
*
js
最新推荐文章于 2024-02-19 17:51:27 发布