使用dom获取元素
1.根据id获取元素 document.getElementById(“id的值”);
2.根据标签获取元素 document.getElementsByTagName(“标签名”);
3.根据name属性值获取元素 document.getElementsByName(”name属性值");
4.根据类样式名字获取元素 document.getElementsByClassName(“类样式名字”);
5.根据选择器获取元素 document.querySelector(“选择器的名字”);只返回一个对象
6.根据选择器获取多个元素 document.querySelectorAll(“选择器的名字”)
设置元素的样式
对象.style.属性=“值”
对象.className=“值”
innerText和textContent兼容问题
textContent是火狐家的 ie8不支持
innerText是ie家的 火狐的低版本不支持
如果不支持的话 会提示类型为undefined
根据提示写兼容代码
function setInnerText(ele, tex) {
if (typeof ele.textContent == “undefined”) {
ele.innerText = tex;
} else {
ele.textContent = tex;
}
}
function getInnerText(ele) {
if (typeof ele.textContent == “undefined”) {
return ele.innerText;
} else {
return ele.textContent;
}
}
自定义属性
属性一般自带的直接通过点出来就行了 但是不是自带的属性 自定义的属性点的话会显示undefined
所以应该使用 对象.getAttribute(“自定义属性名”)来获取
设置自定义属性 对象.setAttribute(”自定义属性名“,“值”)
移除某个属性 对象…removeAttribute(“属性名”)