js—新的选择器、获取class列表属性、 JSON新方法
2017-07-11 15:15
411 查看
新的选择器
<script> //新的选择器 querySelector、querySelectorAll window.onload = function(){ //var oDiv = document.querySelector('[title=hello]'); var oDiv = document.querySelector('.box'); //querySelector不支持IE6、7 只能选择一组中的第一个元素 var aDiv = document.querySelectorAll('.box'); //querySelectorAll获取一组元素 for(var i=0; i<aDiv.length; i++){ aDiv[i].style.background = "red"; } }; </script> <body> <div id="div1" class="box" title="hello">div</div> <div class="box">div2</div> </body>
获取class列表属性
<script> window.onload = function(){ var oDiv = document.getElementById('div1'); //alert( oDiv.classList ); //类似与数组的对象 //alert( oDiv.classList.length ); //3 oDiv.classList.add('box4'); //添加class oDiv.classList.remove('box2'); //删除class oDiv.classList.toggle('box2'); //切换class }; </script> </head> <body> <div id="div1" class="box1 box2 box3">div</div> </body>
JOSN新方法
<script> //eval : 可以解析任何字符串变成JS //parse : 只能解析JSON形式的字符串变成JS (安全性要高一些) var str = 'function show(){alert(123)}'; eval(str); show(); var str = '{"name":"hello"}'; //一定是严格的JSON形式 var json = JSON.parse(str); //解析JSON形式的字符串变成JS alert( json.name ); //hello var json = {name : "hello"}; var str = JSON.stringify(json); //解析JS变成JSON形式的字符串 alert( str ); //{"name" : "hello"} </script>
相关文章推荐
- HTML5之新特性(选择器、class列表属性、JSON新方法、data自定义数据、延迟加载JS)
- 获取class列表属性方法
- 20、H5新增js属性之获取class列表属性
- js defineSetter -给js的 "class"自动增加一个set的属性(方法)
- 封装getByClass(JS获取class的方法封装为一个函数)
- js获取通过ajax返回的map型的JSONArray的方法
- JS获取图片lowsrc属性的方法
- JS获取iframe中longdesc属性的方法
- js获取所有有class属性为test的节点
- 反射机制_介绍_Class对象获取_动态操作_构造器_方法_属性JAVA211-212
- 跨域获取JSON数据形式的对象(含属性与方法)
- 原生JS里获取class属性
- js中遍历获取对象属性和方法主要
- js 获取对象属性的各种方法
- js之DOM操作中获取属性方法
- js获取json属性值的两种方法
- runtime获取对象属性及方法列表
- fckeditor编辑器之js客户端获取和设置 fckeditor 属性的方法
- runtime获取属性列表,修改属性值,添加并修改私有方法的调用
- PHP获取类中常量,属性,及方法列表的方法