节点对象的方法和属性

什么是对象:例如:人,大象,狮子等等都是对象。
什么是方法:可以理解为人的行为,思想,吃,工作,睡觉等等,相同的方法,
只是不同人的执行方法的时间不同。
什么是属性:一个人的属性包括姓名,身高,体重,年龄,性别等等。每个人都有相同的属性,
只是属性的值因人而异。
在之前的文章中有提过HTML DOM文档对象模型,其中是对节点的介绍。
在HTML文档中的而全部内容都属于节点。
例如:
1,整个文档是一个文档节点
2,每个 HTML 元素是元素节点
3,HTML 元素内的文本是文本节点
4,每个 HTML 属性是属性节点
5,注释是注释节点

HTML DOM方法 即 节点的方法。
HTML DOM方法是我们可以在节点(HTML元素)上可执行的的操作。
HTML DOM 属性是我们可以在节点(HTML 元素)设置和修改的值。

在编程中所有的HTML元素被定义为对象,而编程接口则是对象的方法和对象的属性。
方法是您能够执行的动作(比如添加或修改元素)。
属性是您能够获取或设置的值(比如节点的名称或内容)。
编程接口:
可通过JavaScript(以及其他的编程语言)对HTML DOM 进行访问。
HTML DOM(节点)对象的方法和属性:
常用基础方法:
1,getElementById(id) - 获取带有指定 id 的节点(元素) 在这里插入图片描述
2,getElementsByClassName(name)-获取带有指定类名(name)的节点(元素) 在这里插入图片描述
3,getElementsByTagName(TagName)-获取指定标签名的节点(元素)
4,createElement()-创建元素节点(元素)。
5,appendChild(node) - 插入新的子节点(元素)
6,removeChild(node) - 删除子节点(元素)
在这里插入图片描述
常用基础属性:
1,innerHTML - 获取或修改节点(元素)的文本值
在这里插入图片描述
innerHTML 属性可用于获取或改变任意 HTML 元素,包括 和 。
2,parentNode - 获取节点(元素)的父节点
3,childNodes - 获取节点(元素)的子节点
4,attributes - 获取节点(元素)的属性节点
5,nodeName 属性规定节点的名称。
(1)nodeName 是只读的
(2)元素节点的 nodeName 与标签名相同
(3)属性节点的 nodeName 与属性名相同
(4)文本节点的 nodeName 始终是 #text
(5)文档节点的 nodeName 始终是 #document
注意: nodeName 始终包含 HTML 元素的大写字母标签名。
6,nodeValue 属性规定节点的值。
(1)元素节点的 nodeValue 是 undefined 或 null
(2)文本节点的 nodeValue 是文本本身
(3)属性节点的 nodeValue 是属性值
7,nodeType 属性返回节点的类型。nodeType 是只读的。
比较重要的节点类型有:在这里插入图片描述
菜鸟教程:https://www.runoob.com/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值