js dom 操作

JS的DOM操作

 

1DOM是文档对象模型，这种模型为树模型；文档是指标签文档，
对象是指文档中每个元素；模型是指抽象化的东西。

2间隔与延迟
间隔执行一段代码（函数）：window.setInterval("要执行的代码"，间隔的毫秒数) 
清除间隔执行：window.clearInterval(间隔的id); 循环一次之后用来清除隔执行的代码
延迟一段时间执行某一段代码（函数）：window.setTimeout("要执行的代码"，延迟的毫秒数) 
清除延迟：window.clearTimeout(延迟的id)；清除setTimeout

3document对象
3.1找到元素：
var a =docunment.getElementById("id");将找到的元素放在变量中；
docunment.getElementsByName("name")；根据name找，找出来的是数组；
docunment.getElementsByTagName("name")；根据标签名找，找出来的是数组；
docunment.getElementsByClassName("name") 根据classname找，找出来的是数组；
3.2操作内容：
1） 非表单元素(不是input类型)：
获取内容：
a.innerHTML标签里的html代码和文字都获取了，标签里面的所有内容。
a.innerText只取里面的文字
设置内容：
a.innerHTML = "<font color=‘red’ >hello world </font>";
外边是“”，里边就用‘’。
a.innerText会将赋的东西原样呈现
清空内容：赋值个空字符串
2）表单元素：
获取内容 var t = document.getElementById("id"); 直接用ID获取。
t.value 获取input中的value值；
alert(t.innerHTML); 获取<textarea> 这里的值 </textarea>；
设置内容： t.value="内容改变"；
3.3操作属性
a.setAttribute("属性名","属性值"); 设置一个属性，添加或更改都可以；
a.getAttribute("属性名")；获取属性的值；
a.removeAttribute("属性名")；移除一个属性（恢复默认值）
3.4操作样式
a.style="" ； 操作此ID样式的属性。
操作样式的class：a.className="样式表中的className" 操作一批样式
onclick="this.className="b""当点击时将标签的样式改为css中的b样式。