API （Application Programming Interface,应用程序编程接口），是一套用来控制Windows的各个部件，从桌面外观到为一个新进程分配内存的外观和行为的一套预先定义的Windows函数，用户的每个动作都会引发一个或几个函数的运行以告诉Windows发生了什么。

下面小编给大家总结了一些JavaScript常用的API列表：

元素查找

class操作

节点操作

事件

属性操作

// 获取属性值el.getAttribute('alt');

// 设置属性值el.setAttribute('alt', '图片描述');

内容操作

// 获取元素内容

el.innerHTML

// 设置元素内容

el.innerHTML = string

// 获取元素内容(包含元素自身)

el.outerHTML

// 设置元素内容(包含元素自身)

el.outerHTML = string

// 获取文本内容

// ie8

el.innerText

// ie9+

el.textContent

// 设置文本内容

// ie8

el.innerText = string

// ie9+

el.textContent = string

css操作

// 获取css样式

// ie8

el.currentStyle[attrName]

// ie9+

window.getComputedStyle(el)[attrName]

// 伪类

window.getComputedStyle(el , ":after")[attrName];

// 设置CSS样式

el.style.display = 'none';

DOM加载完

function ready(fn) {

if (document.readyState != 'loading'){

// ie9+

document.addEventListener('DOMContentLoaded', fn);

} else {

// ie8

document.attachEvent('onreadystatechange', function() {

if (document.readyState != 'loading'){

fn();

}

});

}

}

绑定上下文

// ie8

fn.apply(context, arguments);

// ie9+

fn.bind(context);

去除空格

// ie8

string.replace(/^\s+|\s+$/g, '');

// ie9+

string.trim();

Ajax

JSON处理

JSON.parse(string);

JSON.String(Object)

节点遍历

function forEach( nodeList, callback ) {

if(Array.prototype.forEach){

// ie9+

Array.prototype.forEach.call( nodeList, callback );

}else {

// ie8

for (var i = 0; i < nodeList.length; i++){

callback(nodeList[i], i);

}

}

}

forEach(document.querySelectorAll(selector),function(el, i){

})