js DOM对象

查找元素

根据id找

document.getElementById("b")；

根据class找

document.getElementsByClassName("aa")

class返回的是数组，需要一个变量来接受使用

根据name找，用于表单元素

document.getElementsByName("cc")[0]

返回的是一个NodeList，不是数组，但是有length属性，可以索引取值，但是不能用push和pop方法，可以通过for循环遍历出来，再赋值给一个数组。

根据元素找

document.getElementsByTagName("div")

 

操作内容

普通元素

var a = document.getElementById("a");

1.获取内容文本
a.innerText;

2.赋予内容
a.innerText = "ok";

3.获取内容代码
a.innerHTML;

4.设置内容
a.innerHTML = "<span style='color:red'>ok</span>";

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

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

获取value值

a.value;

赋予value值

a.value = "ok";

 

操作属性

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

 

操作样式

var a = document.getElementById("d");

1.获取样式,只能获取内嵌的
a.style.样式;

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

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