document 对象

    找元素             根据ID找

alert(document.getElementById("b"));

根据class找
var attr = document.getElementsByClassName("aa");
alert(attr[2]);

根据name找
alert(document.getElementsByName("cc")[0]);

根据标签名找
alert(document.getElementsByTagName("div").length);

操作内容
//普通元素
//var a = document.getElementById("a");
//1.获取内容文本
//alert(a.innerText);
//2.设 置内容
//a.innerText = "ok";

//3.获取内容代码
//alert(a.innerHTML);
//4.设置内容
//a.innerHTML = "<span style='color:red'>ok</span>";

//5.显示出标签
//a.innerText = "<a href='#'>超链接</a>";

//表单元素
//var a = document.getElementById("txt");

//alert(a.value);
//a.value = "ok";

//操作属性
//var a = document.getElementById("sex");

//1.添加属性
//a.setAttribute("checked","checked");
//2.移除属性
//a.removeAttribute("checked");
//3.获取属性
//alert(a.getAttribute("test"));


操作样式
var a = document.getElementById("d");

1.获取样式,只能获取内嵌的
alert(a.style.width);

2.设置样式
a.style.fontSize = "30px";

3.修改样式
a.style.backgroundColor = "green";
a.style.color="white";