JavaScript学习-属性操作

一、获取

1.1 直接获取

语法：对象.属性名

// 直接获取属性，只能获取对象本身固有的属性值
document.getElementById("container").innerHTML

1.2 getAttribute()获取

语法：getAttribute(“属性”)

// getAttribute("属性")获取属性，还可以获取对象自定义的属性值
document.getElementById("container").getAttribute("name");

属性举例

属性	作用	元素	属性	文本	文档
innerHTML	获取或替换 HTML 元素的内容	内容	——	——	——
nodeValue	规定节点的值	undefined 或 null	属性值	文本本身	——
nodeName	规定节点的名称	标签名相同	属性名相同	始终是 #text	始终是 #document
nodeType	规定节点的类型	1	2	3	9
className	获取或替换class	样式	——	——	——
style.样式属性	获取或替换特定样式	特定样式	——	——	——
classList.add(“样式名”)	替换样式	替换样式	——	——	——

二、修改

2.1 直接修改

对象.属性 = "属性值";

2.1 通过createAttribute修改

var att = document.createAttribute("class");
att.value = "已有样式class选择器名";
对象.setAttributeNode(att);

2.3 通过setAttribute修改

对象.setAttribute("属性", "属性值");

三、删除

对象.removeAttribute("属性");

四、创建

语法： 对象.属性 = 属性值;

// 给divs创建属性index。JavaScript中本身无index属性。
var divs = document.getElementsByTagName("div");
	for(var i = 0; i <s.length; i++){
		divs[i].index = i;
	}