HTML + CSS + JavaScript 学习整理 （五）

一. HTML

二. CSS

三. JavaScript

1. js获取DOM元素

// a. 通过id 获取DOM元素
document.getElementById("id");
// b. 通过name 获取DOM元素
document.getElementsByName("name");
// c. 通过标签名 获取DOM元素
document.getElementsByTagName("div");
// d. 通过类名 获取DOM元素
document.getElementsByClassName("class");

2. 延迟执行

setTimeout( 函数 , 延迟执行时间 );

3. 定时循环

setInterval( 函数 , 执行间隔时间 );

4. 获取文本标签的值

// js
obj.innerText;
// jq
obj.text();

5. 增加css类

// js
obj.classList.add("class");
// jq
obj.addClass("class");

6. 删除css类

// js
obj.classList.remove("class");
// jq
obj.removeClass("class");

7. 增加css样式

// js
obj.style.color = "#fff";
// jq
obj.css("color","#fff");
obj.css({"color":"#fff","width":"100%"});

8. 增加属性

// js
obj.setAttribute("src","image.jpg");
// jq
obj.attr("src","image.jpg");
obj.attr({width:"100",height:"1000"});