• DOM属性(childNodes, nodeType, nodeValue, nodeName, firstChild, lastChild)


    childNodes 属性

    element.childNodes 返回一个数组,这个数组包含给定元素节点的全体子元素

    var element = document.getElementsByTagName("ul");
    var oElement = element[0].childNodes;
    for(var i =0; i < oElement.length; i++){
       alert(
    typeof oElement[i]);
    }

    nodeType 属性

    node.nodeType 返回一个数值

    nodeType 属性总共有12种可取值,但其中仅有3种具有使用价值:元素节点、属性节点、文本节点的 nodeType 的属性值分别是 1、2、3。

    元素节点的 nodeType 属性值是 1。

    属性节点的 nodeType 属性值是 2。

    文本节点的 nodeType 属性值是 3

    var element = document.getElementsByTagName("ul");
    var oElement = element[0].childNodes;
    for(var i =0; i < oElement.length; i++){
       alert(oElement[i].nodeType);
    }

    nodeValue 属性

    node.nodeValue 检索或设置节点的值

    var text = document.getElementsByTagName("p");
    alert(text[
    0].childNodes[0].nodeValue);
    text[
    0].childNodes[0].nodeValue ="OK-value";
    alert(text[
    0].childNodes[0].nodeValue);

    nodeName 属性

    node.nodeName 返回一个大写字符串(节点名)

    var name = document.getElementsByTagName("p");
    alert(name[
    0].nodeName);

    firstChild 属性

    node.firstChild 直接访问childNodes[]数组的第一个元素

    var parent = document.getElementsByTagName("p");
    var child = parent[0].firstChild;
    alert(child.nodeValue);

    lastChild 属性

    node.firstChild 直接访问childNodes[]数组的最后一个元素

    var parent = document.getElementsByTagName("p");
    var child = parent[0].lastChild;
    alert(child.nodeValue);
  • 相关阅读:
    hdoj-1013-Digital Roots(九余数定理)
    hdu-1012-u Calculate e(水题)
    hdoj-1005-Number Sequence
    JavaScript--收藏栏添加按钮,放大hdu题目字体
    string和double之间的相互转换(C++)
    轻谈 return i++
    Java中equals和==之间的区别
    进程的内核栈、用户栈
    关于Linux中cd的一些快捷用法
    Mac 下如何使用sed -i命令
  • 原文地址:https://www.cnblogs.com/canphp/p/2206852.html
Copyright © 2020-2023  润新知