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模式不可以获取样式,切记,切记!

posted @ 2017-03-23 14:48  梦深深处  阅读(1309)  评论(0编辑  收藏  举报