总结:JS常使用API
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){
})
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 总结:JS常使用API