爱玺玺

爱玺玺的生活日记本。wx:lb87626

html5获取data-xx属性的两种方法

                    console.log(this.getAttribute('data-title'));

                    console.log(this.dataset['title']);


js的(function(){匿名函数前面没有注意function前面没有$

 (function(){

……

})(); 


注意function前面没有$


html5获取被点击元素的所有类名classList

var oLi=document.querySelector('.item');

      //绑定点击事件

      oLi.addEventListener('click',function(){

       console.log(this.classList);//获得点击元素信息素组

       console.log(this.classList.contains("active"));//判断被点击元素的类名是否包含active

      })


js去掉控件默认事件

event.preventDefault()

html5获取所有class=item元素

  console.log(document.querySelectorAll('.item'));

html5 querySelector获取符合条件的第一个元素

  //方法一

  //var oItem=document.getElementsByClassName('item');

  //console.log(oItem);

  //方法二

  var oItem2=document.querySelector('.item');

  console.log(oItem2);


sublime批量快速修改

光标停在第二个li的后面,然后按shift键,在按住鼠标右键,注意是右键,按住下拉,光标就会批量定位。然后批量修改。

sublime快速生成ul的li标签

输入:ul>li{$}*10

生成:

<ul>

    <li>1</li>

    <li>2</li>

html再理解iframe

iframe就是在网页上挖一个坑,这个坑可以放入其它的网页或其它文件,比如svg。

html5给视频设置封面poster

有些视频预览的图片很吸睛,打开看却是其它内容就是这么做的。

<video controls="controls" poster="toy.png" autoplay="autoplay">

……

Powered By Z-BlogPHP 1.4 Deeplue Build 150101

Copyright Your WebSite.Some Rights Reserved.

蜀ICP备11021721号-5