zoukankan      html  css  js  c++  java
  • 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);
  • 相关阅读:
    bzoj4555
    bzoj4516
    树莓派/Debian 挂载硬盘
    树莓派/Debian Apache2 安装腾讯云 SSL 证书
    2019-2020-2《网络对抗技术》 Exp2 后门原理与实践
    kali 开启 SSH 服务
    Docker 入门 7 构建镜像
    Docker 入门 6 获取、加速镜像.md
    Docker 入门 5 数据管理
    Docker 入门 4 容器端口映射 和 Nginx 演示部署
  • 原文地址:https://www.cnblogs.com/canphp/p/2206852.html
Copyright © 2011-2022 走看看