位置: 编程技术 - 正文

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

  • 税前扣除凭证按照用途分为哪些
  • 租赁负债的计税基础
  • 工厂道路设计图
  • 研发费用辅助账是什么意思
  • 差额征收企业指什么企业
  • 其他综合收益科目性质
  • 企业取得该项资产时实际发生的支出
  • 销售票据和发票的区别是什么?
  • 税收用在哪些方面
  • 法人的投资款如何拿出来
  • 服务业的地税是什么税
  • 有开发票就要交印花税吗?
  • 发票勾选 发票认证
  • 实收资本印花税申报期限
  • 有单位购买我公司开发的房产作为“投资性房地产”,该单位需要缴纳房产税吗?
  • 技术服务费收入属于提供劳务收入吗
  • 固定资产上的配件经常更换
  • 手机网速测试怎么看多少兆网
  • 流动资产固定资产和无形资产都是资产类账户
  • 4500监控
  • 劳务收入的会计分录
  • win11 应用商店
  • scrtkfg.exe - scrtkfg是什么进程 有什么用
  • amr文件怎么转换为mp3
  • 月入2万的10个小生意低成本
  • 好奇地看着我
  • php单例模式例子
  • 自己买材料自己装修
  • php获取指定日期的星期几的方法是
  • 基于深度学习的自动调制识别(含代码链接)
  • 【GoF 23】23种设计模式与OOP七大原则概述
  • laravel 实例
  • 资本化支出的账务处理
  • 哈希表散列函数
  • 待抵扣进项税额的账务处理
  • 进口增值税抵扣期限
  • 购买方已认证怎么开具红字信息表
  • 高新技术企业研发费用加计扣除
  • 原版小说推荐
  • 成本不够用怎么办baixing
  • python 顺序
  • 年底全年的研发费用占比
  • 发行公司债券发生的折价
  • 企业与个人之间关系的理解
  • 不抵扣进项税额转出怎么做分录处理
  • 接受非货币性资产投资入账价值
  • 计提折旧是哪个月的
  • 企业的应付职工薪酬属于流动负债
  • 为什么说资产负债表是静态报表
  • 预收账款最后怎么处理
  • 装修公司完工交付文案
  • 实收资本实际缴纳要去税务局备案吗
  • mysql数据库迁移到达梦
  • win10不重启
  • xp系统怎么修改图标和文字大小
  • linux去掉文件换行符
  • linux 系统查看
  • mac火狐浏览器flash插件设置
  • 微软商店更新错误
  • linux 常见
  • 动态加载dll错误
  • Node.js中的construct构造函数
  • android基础教程
  • 并结合案例进行深入剖析
  • 配置命令提示符怎么打开
  • 折中查找偶数怎么办
  • python文件管理系统难点总结
  • unity 3d教程
  • python中私有函数调用方法解密
  • python绘图题
  • 在css中
  • 代码实现观察者模式
  • 如何下载个人所得税A表
  • 图书销售税点
  • 车船税是比例还是定额
  • 失业保险金领取成功
  • 同比减少怎么计算出来
  • 税务宪法宣传简报
  • 股东非自然人
  • 年终奖怎么报个税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设