DOM基础(学习笔记)

1.DOM：文档对象模型即 document object model

常见的DOM节点：

a.元素节点 b.文本节点 c.属性节点

2：通过ID获取元素

document.getElementById();

例：var demo=document.getElementById('dv')；

3：通过name名称获取元素集合

document.getElementsByName();

注：集合下标从0开始

4：通过标签名称获取元素集合

document.getElementByTagName();

5：通过类class获取元素集合

document.getElementByClassName();

6：文档加载时间

window.οnlοad=function()    整个文档加载结束后去执行这段代码

7：innerHTML获取元素的文本值

8：样式

object.style.属性

object.style.width="300px";

9：JS操作名称className

object.className:获取对象

object.className="div2";   //赋值对象名称

语法：object.className=classname

用于className属性设置或返回元素的class属性。

10：onclick鼠标点击事件

11：调试

console与alert

console:能看到结构的东西，看到对象的内容

例：window.οnlοad=function(){

var dvs=document.getElementByName('dv');

console.log(dvs);}

alert:可以淡出一个对象，弹出内容[object.object]

var ips=document.getElemengsByName('input');

alert(ips[2].value);