jsDOM操作总结（下）

朴灿烈づ我的快乐病毒、 2023-06-18 12:51 5阅读 0赞

## 核心DOM获取属性： ##

可以操作一切结构文档API，访问标准的html属性  
1，获取元素的属性值：

1 var  strValue = elem.getAttribute("属性名");//只能找一个属性值
    2 elem.attributes 集合：包含了当前元素所有属性的节点对象
      elem.attributes[i,"属性名"]//返回一个属性节点对象
      elem.attributes[i,"属性名"].value//属性值，遍历一个元素所有属性时使用
    3 elem.getAttributeNode("属性名")//返回一个属性节点
      elem.getAttributeNode("属性名").value//返回属性值

2，修改元素的属性值

1. elem.setAttribute("属性名","属性值");//只设置一个属性值时用
    2. elem.setAttributeNode(属性节点对象)

3.移除元素属性

elem.removeAttribute("属性名");
    2. elem.removeAttributeNode(属性节点对象)

4.判断是否包含指定属性

elem.hasAttribute("属性名");//有，true;没有，false

DOM中常用API的简化：

<a id="chb"></a>
    var aLink = document.getElementById("chb");
    aLink .href = "bai.com";
    aLink .className = "bailiban";

总结：class因为和es中的class属性有冲突，html中的class改名为className  
特殊 ： disabled selected checked不需要用核心DOM操作，直接用HTML DOM操作  
定时器（2种）：

1.延迟执行，只会执行一次
    setTimeout();//设置
    clearTimeout();//清除
    2.循环执行
    setInterval();
    clearInterval

DOM增 插入 删除 改

增
    document.createElement();
    document.createTextNode();
    document.createComment();
    插入
    ele.apendChild(div);
    对于无中生有的元素是push，对于已存在的元素是剪切
    ele.insertBefore(a,b)//把a插入到b之前
    删除
    parent.removeChild();//他杀 返回被删元素
    ele.remove();//自杀 无返回值
    替换
    replaceChild(a,b);//拿a去替换b 有返回值
    element对象上的属性
    innerHTML    片段
    innerText(火狐不兼容) / textContent()（老版本ie不好用）  文本  value