为了账号安全,请及时绑定邮箱和手机立即绑定

DOM探索之基础详解篇

难度初级
时长 2小时11分
学习人数
综合评分9.60
274人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.6 逻辑清晰
  • DOM节点
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2015-09-10

  • nodeValue nodeName
    查看全部
  • 特殊标签
    查看全部
    0 采集 收起 来源:HTML嵌套规则

    2015-09-10

  • 节点类型
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2015-09-10

  • 东奔西走asdf
    查看全部
    0 采集 收起 来源:课程介绍

    2015-09-10

  • 见图。
    查看全部
  • (2) 3,nodeValue属性 : 返回一个字符串,这个节点的值。 如果节点是元素节点,那么返回null;(注意下) 如果是属性节点,nodeValue将返回这个属性的值。 如果是文本节点,nodeValue将返回这个文本节点的内容。 比如: <div id="c">aaaaaaaaaaaaaaaa</div> <SCRIPT LANGUAGE="JavaScript"> var c= document.getElementById("c"); alert( c.nodeValue );//返回null </SCRIPT> nodeValue是一个可以读、写的属性。 但它不能设置元素节点的值。 再看看下面的例子: <div id="c">aaaaaaaaaaaaaaaa</div> <SCRIPT LANGUAGE="JavaScript"> var c= document.getElementById("c"); c.nodeValue =" dddddddddddd"; //不能设置 //alert( c.firstChild.nodeValue ) //元素节点 包括属性节点和文本节点。 c.firstChild.nodeValue = "test"//能设置 </SCRIPT> 当然我们为了确保能正确运行:可以加一段代码: <div id="c">aaaaaaaaaaaaaaaa</div> <SCRIPT LANGUAGE="JavaScript"> var c= document.getElementById("c"); c.nodeValue =" dddddddddddd"; //不能设置 //alert( c.firstChild.nodeValue ) if( c.firstChild.nodeType==3 ){ //判断是不是 文本节点 c.firstChild.nodeValue = "test"//能设置 } </SCRIPT> nodeValue一般只用来设置 文本节点的值。如果要刷新属性节点的值,一般使用setAttribute()。
    查看全部
  • (1) 1,nodeName属性 : 节点的名字。 如果节点是元素节点,那么返回这个元素的名字。此时,相当于tagName属性。 如果是属性节点,nodeName将返回这个属性的名字。 如果是文本节点,nodeName将返回一个#text的字符串。另外我要说的是: nodeName属性是一个只读属性,不能进行设置(写)。它返回大写字母的值。 2,nodeType属性 : 返回一个整数,代表这个节点的类型。 我们常用的3中类型: nodeType == 1 : 元素节点 nodeType == 2 : 属性节点 nodeType == 3 : 文本节点 如果想记住的话,我们可以这么去记: 比如: <p title="cssrain" >test</p> 从前往后读:你会发现先是元素节点(1),然后是属性节点(2),最后是文本节点(3),这样你就很容易记住了nodeType分别代表什么类型了。nodeType属性经常跟 if 配合使用,以确保不会在错误的节点类型上 执行错误的操作。 比如: function cs_demo(mynode){ if(mynode.nodeType == 1){ mynode.setAttribute("title","demo"); } } 和nodeName属性一样,他也是只读属性,不能进行设置.(写)。
    查看全部
  • 节点类型一共有12种。ie只支持数值常量(不支持字符常量)。DocumentFragment可作为占位符,将自己的子节点插入document。
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2015-09-10

  • 节点类型&数值常量
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2018-03-22

  • 回调函数如何理解
    查看全部
    0 采集 收起 来源:domReady的实现

    2015-09-10

  • document.createDocumentFragment()
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2015-09-09

  • 节点的类型
    查看全部
    0 采集 收起 来源:DOM 节点类型

    2015-09-09

  • 文档类型发展
    查看全部
    1 采集 收起 来源:DOM 文档类型

    2015-09-09

  • Dom级别
    查看全部
    0 采集 收起 来源:认识DOM

    2015-09-09

举报

0/150
提交
取消
课程须知
本课程是前端中级课程 1、您要具备HTML基础知识 2、您要具备CSS基础知识 3、您要具备JS基础知识
老师告诉你能学到什么?
1、重新认识DOM 2、剖析domReady 3、学会元素节点的类型判断、继承层次和分类

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!