标签名tagName
(1)标签名只能读取不能修改
(2)读取出来的标签名都是大写的英文单词
<div class = "box"></div>
var objBox = document.querySelector('.box');
console.log(objBox.tagName);//DIV
读取标签的内容
1.innerHTML读取标签内容
可以读取出内部的标签
2.innerText读取标签内容
不能读取内部的标签,只能读取内部的纯文本
设置(修改)标签的内容
1.innerHTML修改标签内容
可以解析字符串中的标签
2.innerText修改标签内容
不会解析字符串中的标签,只会把它当做纯文本使用
标签的属性
标签属性分类:html标签叫做attribute,分为三类
(1)全局属性:每个标签都有的属性
(2)自由属性:有些标签有的属性
(3)自定义属性:data- 用户自定义的属性,多用于记录数据
操作标签的属性attribute
(1)读取标签的属性
obj.setAttribute('属性名')
(2)修改(设置)标签的属性
obj.setAttribute('属性名','属性值')
(3)判断标签是否拥有某个属性
obj.hasAttribute('属性名')
(4)删除属性
obj.ramoveAttribute('属性名')