Web API 笔记02

Web API 笔记02

DOM中操作样式：

• onfocus 获得焦点
• onblur 失去焦点

var div = document.getElementById('div');
div.onfocus = function(){
    //函数体
}

input标签中，添加属性 disabled 以禁用，可以在DOM中通过true和false控制

如：

input.disabled = true/false; 

其他属性还有 .selected .checked 等

Math.random(); 返回随机数

input类型存在很多类型，如textarea button等，可以用type方式进行筛选
如：

var checkBox = document.querySelectorAll('input[type = "button"]');

• .onchange 用于监听状态改变
• .onmouseout 监听鼠标移出

操作样式(style)：

获取元素后，

变量.style.backgroundColor = 'royalblue';

注意：带有短线的样式要改为驼峰命名

• 赋予类名(className)：

    变量.className = 'test';

• 新增类名：

     sapn.className = 'test newTest';

• 获取：

    变量 = span.className;

排他思想：在多个相同的元素中设置某个元素在事件发生时做出特别变化时，先在执行函数中取消所有的元素相关变化属性，再给自己设置相应的属性。