DOM基础知识

DOM BOM
DOM 文档对象模型 document.
BOM 浏览器界面上所有内容 broder
object
.没有括号属性
.()方法

DOM
写法 document.
作用 做特效

找到 摘出元素 增删改 元素==标签

四种找元素的方法

ID:var a = document.getElementById("b");

数组 var a2 = document.getElementsByClassName("b1")[0]; [0]取第0个divclass选择器

数组 var a3 = document.getElementByTagName("b2")[2];

数组var a4 = document.getElementByName("b");

添
a3.innerText="1234";
a3.innerHTMA="abced"; ="可以放标签" 注意引号

var c1=document.getEleByid();
c.setAttribute("color","#11111"); 元素 状态改变只有css内联式可以获取

c.style.backgroundcolor="red";
删除 c.setremoveAttribute("color");

新建表单 单选 是否 确定 disabled确定
是 否 添加事件<onclick="yes()">

功能:
点击是 触发一个事件 确定可以用
点击否 触发一个事件 确定不能用

思路:1新建方法 2获取元素 3删除属性() 4添加事件 5事件与DOM的新建方法连接

function yes {
var a = document.getElementById("b");
c.setAttribute("disabled");
}

function no (){
var a = document.getElementById("b");
c.setAttribute("disabled","disabled");
}

document.getElementById("b")[0].onclick=function(){ yes();}

setinterval("执行的函数","时间间隔") 每隔一段时间

setTimeout ("执行的函数","等待时间";)过一段时间 执行

1windos.setTimeout("yes()","3000") 毫秒
2windos.setinterval("yes()","1000") 毫秒

2
var n = 10;
function time_change () {
var a = document.getElementById("b");

if(n==0){a.value="确定";}
else{a.value = "确定("+n+")";
n--;

}

}

事件 两种添加方式 标签里直接加

常用事件 onlick onchange