DOM对象选择器,属性及操作内容
一、DOM全程是document object model,DOM是针对文档的,所欲页面上的东西都是DOM。BOM全程是bowers object model,bom是针对浏览器的。
二、DOM的选择器主要有四种,id选择器,class选择器,name选择器,标签选择器。除了ID选择器,其他的都是getElements,而且都有Name,首字母必须大写。
1.id选择器
document.getElementById("divid").innerHTML = "啦啦啦啦啦";
2.class选择器
var divc = document.getElementsByClassName("divclass");
alert(typeof(divc));
divc[0].innerHTML = "嘿嘿嘿嘿";
divc[1].innerHTML = "哈哈哈哈";
for(var i = 0 ;i<divc.length;i++)
{
divc[i].innerHTML += "略略略略";
}
3.标签选择器
document.getElementsByTagName("div")[0].innerHTML += "耶耶耶耶";
4.name选择器
document.getElementsByName("inputname")[0].value = "哒哒哒嗒";
var input = document.getElementsByName("inputname")[0].value;
alert(input);
三、innerHTML是可以读取标签,innerTEXT不能读取标签。
四、操作属性:
设置属性:setAttribute
获取属性:getAttribute
移除属性:removeAttribute
五、获取样式时有个坑,就是内嵌的css模式不可以获取样式,切记,切记!