Jquery节点全解读

本文深入探讨HTML DOM中节点的命名、值和类型,详细解释如何通过ID、name和tag name访问页面元素,并介绍了节点的基本操作,如遍历、获取内联HTML、设置文本值及删除子节点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 1节点模型
    • (1)nodeName节点名称:
      元素节点的nodeName是标签名称。
      属性节点的nodeName是属性名称。
      文本节点的nodeName永远是#text。
      文档节点的nodeName永远是#document。
      (2)nodeValue节点值:
      对于文本节点,nodeValue属性包含文本。

    • 对于属性节点,nodeValue属性包含属性值。
    •  (3)nodeType节点类型

  • 2,访问文档节点 
    • 通过ID访问页面元素  document.getElementById(id)
    • 通过name访问页面元素 document.getElementsByName(name)
    • 通过TagName访问页面元素 document.getElementsByTagName(tagname)
  • 3,节点操作
    • 节点的遍历操作,Javascript还提供了根据已知节点遍历相关节点的操作属性。parentNode父节点,firstChild第一个子节点,lastChild最后一个子节点。下面用两个例子来说明它们的使用
    • 节点的其它操作,这里附加了一些节点其它比较有用的操作,同时这些操作也是DOM所特有的。innerHTML属性设置或返回表格行的开始和结束标签之间的HTML
    • •还有另一个和innerHTML类似的属性是innerText。但是,innerText属性在浏览器的兼容性上只能在IE下使用,为了能设计出通用的Javascript脚本程序,希望读者尽量使用innerHTML。
      •childNodes属性,表示当前节点的直接子节点的集合。
      •removeChild()方法,移除子节点。
      appendChild()方法,添加子节点
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

技术与健康

你的鼓励将是我最大的创作动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值