zoukankan      html  css  js  c++  java
  • 不同类型的节点的nodeName,nodeType,nodeValue

    DOM将节点分为不同的类型,一般常用的是三钟类型:元素节点,属性节点,文本节点

    nodeName属性:节点的名称(此属性只能读取不能设置)

    如果节点是元素节点的话,则nodeName == tagName ,将返回这个标签名的大写,例:DIV

    如果节点是属性节点的话,返回的是属性名

    如果节点是文本节点的话,返回的是#text

    nodeType属性:节点类型对应的常量(此属性只能读取不能设置)

    元素节点:1

    属性节点:2

    文本节点:3

    此属性经常与if判断一起使用,用来防止在别的类型节点上做错误的操作:

    例:if(node.nodeType == 1){node.setAttribute('src','1.jpg')}

    nodeValue:节点的值(此属性可以读和写)

    元素节点:null

    属性节点:返回的是属性值

    文本节点:返回文本内容例:ssss

    <div id="aa">sss</div>

    var node = document.getElementById('aa').firstChild

    if(node.nodeType == 3){node.nodeValue == 'xiaoxiaohui'}

    则结果会变为:<div id="aa">xiaoxiaohui</div>

    一般用此属性为修改文本内容,属性值一般使用setAttribute来设置

  • 相关阅读:
    安全测试知多少
    支付测试
    接口测试总结
    SoapUI+excel接口自动化测试简述
    浏览器及元素的常用函数及变量整理总结
    jmeter接口自动化测试,数据驱动玩法
    接口测试点汇总
    测试面试题;
    MySQL入门,了解下、
    徒手运维MGR集群基本操作
  • 原文地址:https://www.cnblogs.com/xiaohui108/p/2085393.html
Copyright © 2011-2022 走看看