品易云推流 关闭
文章详情页
文章 > JavaScript > js中dom节点常用属性有哪些

js中dom节点常用属性有哪些

头像

宋雪维

2021-01-19 16:12:092986浏览 · 0收藏 · 0评论

JavaScript中,dom可以用于找对象,设置元素的属性值和元素的样式等。在发挥各自功能中,dom是由节点组成的。对于节点中各大常用属性,推动了dom多功能的进程。本文介绍dom中三个常用属性:1、nodeType:节点类型;2、nodeName:节点名称;3、nodeValue:节点的值

一、nodeType:节点类型

节点类型及其返回值

元素节点(1)、属性节点(2)、文本节点(3)、注释节点(8)、document节点(9)、DocumentFragment节点(11)

二、nodeName:节点名称

1. 元素节点的 nodeName 与标签名相同

2. 属性节点的 nodeName 是属性的名称

3. 文本节点的 nodeName 永远是 #text

4. 文档节点的 nodeName 永远是 #document

<div>
	 123 222
	 <!-- This is commit -->
	 <strong></strong>
	 <span></span>
	 <em></em>
	 <i></i>
	 <b></b>
</div>
<script>
	 var div = document.getElementsByTagName('div')[0]
</script>

三、nodeValue:节点的值

1. 元素节点的 nodeValue 是 undefined 或 null

2. 文本节点的 nodeValue 是文本自身

3. 属性节点的 nodeValue 是属性的值

以上就是小编整理总结的JavaScript中dom常用的三个属性,希望能对你有所帮助哦~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图