位置: 编程技术 - 正文

Javascript入门学习第八篇 js dom节点属性说明第1/2页(javascript零基础入门)

编辑:rootadmin
今天我们讲DOM属性。 前面其实我们已经碰过DOM属性了。 比如: nodeName,nodeType…..今天我们详细的讲解下。 1,nodeName属性 : 节点的名字。 如果节点是元素节点,那么返回这个元素的名字。此时,相当于tagName属性。 比如: <p>aaaa</p> : 则返回 p ; 如果是属性节点,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"); } } 代码解释: 先检查mynode的nodeType属性,以确保它所代表的节点确实是 一个元素节点。 和nodeName属性一样,他也是只读属性,不能进行设置.(写)。 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> //可以看出,如果要设置元素节点,不能直接设置,而必须先使用firstChild或者lastChild等 然后设置nodeValue. nodeValue一般只用来设置 文本节点的值。如果要刷新属性节点的值,一般使用setAttribute().

推荐整理分享Javascript入门学习第八篇 js dom节点属性说明第1/2页(javascript零基础入门),希望有所帮助,仅作参考,欢迎阅读内容。

Javascript入门学习第八篇 js dom节点属性说明第1/2页(javascript零基础入门)

文章相关热门搜索词:javascript新手教程,javascript入门书,javascript零基础入门,javascript初学者,javascript基础入门视频教程,javascript基础入门视频教程,javascript基础入门视频教程,javascript零基础入门书籍,内容如对您有帮助,希望把文章链接给更多的朋友!

Javascript入门学习第九篇 Javascript DOM 总结第1/2页 1,创建节点。createElement():vara=document.createElement(p);它创建的是一个元素节点,所以nodeType等于1。a.nodeName将返回p;注意;createElement()方法创建出来的新元

Javascript入门学习资料收集整理篇 Javascript入门学习第一篇js基础Javascript入门学习第二篇js类型Javascript入门学习第三篇js运算Javascript入门学习第四篇js对象和数组Javascript入门学习第五篇js

JavaScript基本入门语法集合第1/3页 创建脚本块scriptlanguage=JavaScriptJavaScriptcodegoeshere/script隐藏脚本代码scriptlanguage=JavaScript!--document.write(Hello);//--/script浏览器不支持的时候显示noscriptHellotothen

标签: javascript零基础入门

本文链接地址:https://www.jiuchutong.com/biancheng/383908.html 转载请保留说明!

上一篇:Javascript入门学习第七篇 js dom实例操作第1/2页(javascript零基础入门书籍)

下一篇:Javascript入门学习第九篇 Javascript DOM 总结第1/2页(javascript零基础入门书籍)

  • 企业所得税如何规避
  • 财政拨款税收政策
  • 科技公司增值税率是多少
  • 标准的现金流量表格式
  • 固定资产更换配件怎么界定是否满足资本化
  • 物业公司收入多少钱
  • 关于补充养老保险
  • 工程项目的业务流程
  • 离婚房屋权属变动怎么办
  • 白酒五行属火还是水
  • 保险代理人佣金的规定
  • 可以开运费发票的单位有哪些
  • 公益性捐赠专用会计科目
  • 基金投资了能随时取出吗
  • 销售材料并提供安装服务税率
  • 员工出差时法律规定
  • 微信转账记录怎么加回好友?
  • win10右键个性化打不开 没有与之关联程序
  • messenger 是什么意思
  • 最高跑分纪录的显卡是什么
  • framework教程
  • 管理费用包括哪些明细科目
  • 购进旧设备折旧年限如何计算
  • 固定资产清理如何结转
  • 从奎雷英山口看到的 Leum na Luirginn湖和Cleat湖,英国斯凯岛 (© Sebastian Wasek/Sime/eStock Photo)
  • php的lamp
  • php序列化和反序列化函数
  • vuedraggable官方文档
  • vue发布时间
  • 编程前十名
  • 此战成硕,我成功上岸西南交通大学了~~~
  • thinkphp withjoin
  • laravel 分页 api
  • 应交税费应交增值税销项税额
  • 旅行社开的发票怎么记账?
  • Python列表元素的删除
  • 酒的增值税专票可抵扣不
  • 结转生产成品
  • 退社保基金怎么办理
  • mysql各种索引的使用场景
  • 项目竣工决算审查
  • 获取验证码平台
  • 公司转让商铺应交什么税
  • 企业所得税表利润总额是净利润吗
  • 职工旅游费用会计处理
  • 以前多计提的税款怎么办
  • 以前年度的销售退回能否直接冲减销售收入
  • 企业营改增税率是多少
  • 桩基检测费一定要收吗
  • 哪些业务可以开专票
  • 工程竣工后发生工程的保修费用入哪个科目?
  • 房租增值税专用发票需要开多张,单位和数量如何填写
  • 查看mysql执行sql日志内容
  • 在SQL查询中使用WHERE子句指出的是
  • win8不识别u盘
  • centos调出命令行
  • win8的开机启动项在哪里
  • apache 443
  • Linux 下 (RedHat 9.0) JDK,Tomcat,MySQL的安装
  • win7旗舰版系统怎么样
  • win7破解版和正版的区别
  • OpenCV-EmguCV 在 Unity3D 中的配置
  • unity制作ar手机游戏
  • 使用netcat(瑞士军刀)进行文件传输
  • linux的启动顺序
  • jquery form serialize
  • Node.js中的包管理工具是什么
  • 深入理解python特性
  • javascripvoid
  • NGUI学习:(1)spine导入后图层顺序的问题
  • htc windows
  • 开票怎么查发票总额
  • 陕西国税电子税务局app
  • 卷式发票如何查验真伪
  • 诺诺发票怎样上报汇总
  • 绵阳市十大纳税企业排名
  • 大同税务局官网录取名单
  • 税务局 环保税
  • 张某每月从单位取得工资15000
  • 广东省电子税务局申报缴税操作指引
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设