JavaScript学习的第十天

属性节点讲解

一、属性节点讲解

元素的几个属性 来获取属性值

innerHTML innerText tagName

1. d获取id值

2. classsName获取class属性值

3. title获取对对应的title属性值

input元素 对应存在 name属性值 value属性值

img元素 存在 src属性值

a标签 存在href属性值

标签天生在带的属性，我们可以通过标签元素.属性名来获取对应的属性值

<div opo = 'a' name = '张三' id = 'box'></div>
<a href = 'http://www.baidu.com'></a>
<script>
	document.getElementsByTagName('div')[0].id
	document.getElementsByTagName('a')[0].href
	document.getElementsByTagName('div')[0].opo//后天加上去不能获取
	var box = document.getElementsByTagName('div')[0]
</script>

attributes 获取所有的属性

attributes 获取所有的属性返回的是一个nameNodeMap，里面包含的是多个数据

nameNodeMap里面包含下标 以及length属性 还存在增删(remove)改(set)查(get)

var attrs = box.attributes//获取所有的属性节点

获取

通过下标进行返回

attrs[0]//访问第一个属性节点

通过键(属性名)来进行访问

attrs