什么是对象:例如:人,大象,狮子等等都是对象。
什么是方法:可以理解为人的行为,思想,吃,工作,睡觉等等,相同的方法,
只是不同人的执行方法的时间不同。
什么是属性:一个人的属性包括姓名,身高,体重,年龄,性别等等。每个人都有相同的属性,
只是属性的值因人而异。
在之前的文章中有提过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/
节点对象的方法和属性
最新推荐文章于 2022-08-29 19:51:43 发布