zoukankan      html  css  js  c++  java
  • DOM笔记

    <!--
    节点类型检查
    if(someNode.nodeType==ElementNode){
    alert("Node is an element");
    }
    或者
    if(someNode.nodeType==1){
    alert("Node is an element");
    }
    使用nodeName和nodeValue这两个属性
    if(someNode.nodeType==1){
    var someNode.nodeName();//nodeName的值是元素的标签名
    }
    每一个节点都有一个childNodes属性。当中保存NodeList对象。NodeList是一种类型数组对象。用于保存一组有序的节点
    这个对象也有length属性,能够通过位置来訪问这些节点
    var firstChild=someNode.childNodes[0];
    var secondChild=someNode.childNodes.item(1);
    var length=someNode.childNodes.length;
    每一个节点都有一个parentNode属性。该属性指向文档树中的父节点
    if(someNode.nextSibling===null){
    alert("last node in the parent's childNodes list...");
    }else if(someNode.previousSibling===null){
    alert("First node in the parent's childNodes list...");
    假设列表中仅仅有一个节点。那么该节点的nextSibling和previousSibling都为null
    }
    父节点和第一个子节点和最后一个子节点也存在关系
    firstChild
    lastChild
    即存在这种关系
    (someNode.childNodes[0]===someNode.firstChild)
    (someNode..childNodes[childNodes.length-1]===someNode.lastChild)

    操作节点
    最经常使用的方法是appendChilde();//用于向childNodesd的末尾加入一个节点
    var returnNode=somenNode.appendChild(newNode);
    alert(returnNode==newNode);//true
    alert(someNode.lastChild==newNode);//true
    -->
  • 相关阅读:
    CodeCraft-19 and Codeforces Round #537 (Div. 2) C. Creative Snap
    51nod 1007正整数分组(01背包变形)
    51nod 1007正整数分组(01背包变形)
    Codeforces Round #533 (Div. 2) C. Ayoub and Lost Array
    Codeforces Round #533 (Div. 2) C. Ayoub and Lost Array
    小a与星际探索
    小a与星际探索
    poj3764
    心理博弈
    4级
  • 原文地址:https://www.cnblogs.com/yjbjingcha/p/8376394.html
Copyright © 2011-2022 走看看