位置: 编程技术 - 正文

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

  • 增值税的专用发票有几联
  • 结转本月完工入库产品制造成本,甲产品800台全部完工
  • 自来水厂的供水管是什么材质的
  • 报销人和经办人怎么区分
  • 土地增值所得需交什么税
  • 公司给员工报销话费怎么做账
  • 开票显示错误信息是怎么回事
  • 摊销费用怎么计提
  • 无发生额有没有对账单
  • 收不回的款项怎么处理
  • 营业资金账簿印花税减半
  • 超过三个月开发票
  • 月工资和账户工资区别
  • 增值税税控系统专用设备注销发行
  • 六大减税措施内容
  • 劳务派遣公司会扣工资吗
  • 企业出售旧设备的收入要纳税吗
  • 海关票怎么认证
  • boss直聘收费怎么这么贵
  • 如何查看本机的ip 网关 和dns配置
  • macOS 11.0.1(20B29)更新了什么?macOS Big Sur 11.0.1(20B29)更新详解
  • 在win7中怎么安转只兼容win10的软件
  • 车辆购置税会计账务处理
  • 库存呆滞品处理方法
  • 360safe删除不了怎么办
  • 年度企业所得税汇算清缴会计分录怎么做
  • 银行卡账户年费是什么意思 为什么扣我银行卡的钱
  • educoder实现折半查找
  • 融资性售后回租是什么意思
  • 销售购置的房产税怎么算
  • 新手会计怎么做帐
  • 我国消费税的特点
  • 计算完工产品成本和在产品成本的方法有哪些
  • 租金和物业管理费税率
  • php自加
  • 苗木可以进项抵扣的么
  • 房地产开发企业资质证书
  • 公司地面硬化财务如何入账
  • 固定资产清理如何申报增值税
  • mongodb数据库操作遇到的问题和解决方案
  • 购买金税盘是全额抵扣吗
  • 2021年财政部令68号
  • 非营利组织接受捐赠收入要交企业所得税吗
  • 电子商业汇票怎么接收
  • 个人出租不动产月租金不超10万免税
  • 预算收入包括增值税吗
  • 代驾服务费属于哪个税收编码
  • 房租押金不退如何处理
  • 与其他公司合伙协议书
  • 管理会计运用什么软件
  • 年初建账考虑要点有哪些
  • sqlserver CONVERT()函数用法小结
  • 一个 sql 查询很慢,从哪些地方进行优化?
  • mysql闪退处理
  • shell 加密密码
  • ubuntu20.04怎么安装
  • Win10应用商店下载错误
  • mac网易云怎么换皮肤
  • 苹果mac怎么清理缓存
  • vmware虚拟机关机快捷键
  • 虚拟机怎么安装exe文件
  • 的四个步骤
  • linux vim
  • win7的开始菜单在哪里
  • win10打开或关闭功能在哪里
  • ntfs权限设置步骤
  • win10更新后出现windows.old
  • linux常见的启动方式
  • linux ntp查看
  • opengl 画线
  • intent传递数据的方法
  • java颜色代码对照表图片
  • js类的实现
  • python如何切行
  • jquery图片
  • ajax实现无刷新
  • 国家税务总局千户集团企业名单
  • 全国书法等级考试官网
  • 美国非税收入排名榜
  • 怎样在微信小程序里交医保
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设