javascript新的原生态API

原创 2013年12月03日 18:04:06

     以下是最新的w3c标准的javascript,目前支持运行在firefox, chrome,IE9以上版本的浏览器

     参考资料:https://developer.mozilla.org/ru/docs/Web/API

                         http://docs.webplatform.org/wiki/dom


选择元素
var els = document.querySelectorAll('.el');

var $ = function (el) {
  return document.querySelectorAll(el);
}

var els = $('.el');

创建元素

var newEl = document.createElement('div');
Add event listener

事件绑定

[].forEach.call(document.querySelectorAll('.el'), function (el) {
  el.addEventListener('event', function() {

  }, false);
});

set/get操作

document.querySelector('.el').setAttribute('key', 'value');
document.querySelector('.el').getAttribute('key');

添加、移除、变换样式类

document.querySelector('.el').classList.add('class');
document.querySelector('.el').classList.remove('class');
document.querySelector('.el').classList.toggle('class');

追加节点

document.querySelector('.el').appendChild(document.createElement('div'));

克隆节点

var clonedEl = document.querySelector('.el').cloneNode(true);

移除节点

remove('.el');

function remove(el) {
  var toRemove = document.querySelector(el);

  toRemove.parentNode.removeChild(toRemove);
}

父元素

document.querySelector('.el').parentNode;

前后元素

document.querySelector('.el').previousElementSibling;
document.querySelector('.el').nextElementSibling;

get/post的Ajax操作

// get
var xhr = new XMLHttpRequest();

xhr.open('GET', url);
xhr.onreadystatechange = function (data) {

}
xhr.send();

// post
var xhr = new XMLHttpRequest()

xhr.open('POST', url);
xhr.onreadystatechange = function (data) {

}
xhr.send({data: data});


版权声明:本文为博主原创文章,未经博主允许不得转载。

Hbase原生态api总结

总结一下最近使用的hbase原生态api的常用操作,算是入门所需吧。

原生态javascript 右边栏

  • 2014年09月28日 01:11
  • 34KB
  • 下载

原生态纯JavaScript 100大技巧大收集---你值得拥有

原生态纯JavaScript 100大技巧大收集---你值得拥有 1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; ...

原生态纯JavaScript 100大技巧大收集---你值得拥有

1、原生JavaScript实现字符串长度截取 [javascript] view plaincopyprint? function cutstr(str, len) { ...

【php】利用原生态的JavaScript Ajax为php进行MVC分层设计,兼容IE6

MVC只是一种设计模式而已,一度被认为Model 1,也就是服务器语句与HTML语句杂糅的php,其实不用任何框架,仅仅利用原生态的JavaScript Ajax也可以对其进行MVC设计。由于什么都没...

纯原生态javascript+css3 写的3D魔方动画旋扭特效

纯原生态javascript+css3 写的3D魔方动画旋扭特效
  • lensgcx
  • lensgcx
  • 2017年04月26日 10:02
  • 875

【JavaScript】原生态的兼容IE6的标签页

标签页是一个很常见的东西,在一些框架中也就很常见的, 但未必所有人都知道怎么写,很多人知道怎么在网上复制一份是真的, 这样不好,往往需要用大量的时间去修改网上复制下来的东西,还不如自己写一份快。 ...

【JavaScript】仿新浪微博原生态兼容IE6的输入字数即时检查

边在文本框输入字符边对输入的字数进行检查本来不难的,但是由于其中有些函数的使用方式大家容易混乱,很容易导致整个结果搞来搞去也没有搞出来,也容易出Bugs,注意这里不能再使用length函数了,因为这个...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript新的原生态API
举报原因:
原因补充:

(最多只允许输入30个字)