位置: 编程技术 - 正文

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零基础入门书籍)

  • 交易性金融资产是什么意思
  • 小规模纳税人工程发票几个点
  • 投资性房地产处置的账务处理
  • 教育培训学校怎么翻译
  • 委托加工物资需要计提存货跌价准备吗
  • 福利费进项税额转出会计分录账务处理
  • 企业在什么情况下辞退员工不需要补偿
  • 养老保险跨年度可以补缴吗
  • 回收废品残料会计分录
  • 年末发票
  • 广告费收入是不是非税收入
  • 稿酬所得是否需要按照累计预扣税率
  • 银行退回服务费怎么写分录
  • 应征消费税的汽车为啥不能抵扣
  • 船期延迟出口开票开在了上个月会计处理是怎样的?
  • 别人给的发票一直不开
  • 退休人员返聘工资交个人所得税标准
  • 销售折让的税收分类编码
  • 招商引资政府返税政策不兑现
  • 没给顾客发票需要罚款吗
  • 公允价值变动损益转入其他业务成本
  • 施工企业原材料用于
  • 已付款无法收到发票怎么处理
  • 控制上网速度的软件
  • mac怎么打开hosts文件
  • 坏账准备属于哪个会计科
  • 职工福利费的构成
  • 在承租的土地上建房
  • 小规模纳税人进口增值税怎么处理
  • 车辆购买保险发票未回怎么做会计分录
  • 基西米河生态退化原因
  • php最安全的登录功能
  • 前端框架源码
  • php while true
  • 盈余公积转增资本的最高限额
  • 税金及附加和营业收入有关系吗
  • b站怎么进抖音模式
  • 如何在vue项目中禁止谷歌浏览器改变网页颜色
  • 人工智能大模型体验报告3.0
  • php打包phar
  • php怎么获取post数据
  • 命令行文本编辑
  • 服务费的发票税率是多少
  • MSSQL2005在networkservice权限运行附加数据库报(Microsoft SQL Server,错误: 5120)
  • 报销差旅费的进项税额
  • 日常费用报销表格
  • 收据和发票有什么用
  • 小规模纳税人免税怎么做账
  • 工程物资到货管理
  • 所得税弥补以前年度亏损是几年
  • 工会经费怎么计提及使用
  • 进项税额转出有什么好处
  • 国外佣金算什么费用比较好
  • 实收金额少于发票入账
  • 核定征收的一般纳税人进项税额抵扣
  • 为什么要把工资说的好高呢
  • 产品生产完工入库
  • 存根联明细怎么申报
  • 个人股权激励收入税率
  • 存出保证金的账务处理
  • 年末结账与财务的关系
  • sqlserver存储过程在哪
  • 安装vista
  • 微软发布linux
  • windows7怎么设置右键菜单
  • js必学知识点
  • 批处理文件就是将若干文件集中起来
  • unity3d需要什么语言
  • android 字体设置
  • 先序遍历dlr
  • python2与python3的区别
  • javascript的主要内容
  • 怎么将安卓
  • javascript怎么做
  • js实现继承的几种方式详述(推荐)
  • 浅谈Jquery中Ajax异步请求中的async参数的作用
  • 江苏电子税务局网站官网
  • 社保申报每月几号申报
  • 办理企业步骤
  • 安徽省国税局局长是谁
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设