文章目录
一、获取
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;
}