zoukankan      html  css  js  c++  java
  • javascript——10章 DOM

    1、节点关系

    (1)childNodes:返回节点的子节点集合

    返回值:NodeList 对象,表示节点集合。

    注:childNodes只能取到子级,不能取到子级的子级。

    childNodes所有节点有相同的父节点

    每个节点相互之间是同胞节点。


    (2)parentNode属性:节点的父节点

    (3)previousSibling属性:节点的同胞节点第一个节点

    (4)nextsibling属性:节点的同胞节点最后一个节点

    (5)hasChildNodes()方法:在李点包含一个或多个子节点时返回true.

    (6)ownerDocument属性:所有节点最后一个属性,表示整个文档的文档节点。


    2、节点操作

    (1)var fragment = document.createDocumentFragment();ul.appendChild(fragment);创建文档片段——再将节点加到“文档片段”;

    var fragment = document.createDocumentFragment();
    var ul = document.getElementById("myList");
    var li = null;
                
    for (var i=0; i < 1; i++){
       li = document.createElement("li");
       li.appendChild(document.createTextNode("Item " + (i+1) + "111111111"));
       fragment.appendChild(li);
    }
                
    ul.appendChild(fragment);

    (2)document.createElement  创建节点:

    var div = document.createElement("div");

    (2)id = "myNewDiv";  创建节点的ID名称:

    div.id = "myNewDiv";

    (3)className = "box"; 创建节点的class名称:

    div.className = "box";

    (4)document.body.appendChild(div);把节点添加到父节点:

    document.body.appendChild(div);

    (5)document.createTextNode("Item ");创建节点文本:

    li.appendChild(document.createTextNode("Item " + (i+1) + "111111111"));
  • 相关阅读:
    ryu 下发流表配置
    openstack kolla 部署---不同的节点采用不同的物理接口
    kolla 安装
    Ubuntu add-apt-repository: command not found
    大前端发展趋势
    这些优化技巧可以避免我们在 JS 中过多的使用 IF 语句
    asap异步执行实现原理
    为什么 JS 对象内部属性遍历的顺序乱了
    你可能忽略的 async/await 问题
    深入浅出JS原型链
  • 原文地址:https://www.cnblogs.com/wuss/p/8177828.html
Copyright © 2011-2022 走看看