console.log(this.getAttribute('data-title'));
console.log(this.dataset['title']);
(function(){
……
})();
注意function前面没有$
var oLi=document.querySelector('.item');
//绑定点击事件
oLi.addEventListener('click',function(){
console.log(this.classList);//获得点击元素信息素组
console.log(this.classList.contains("active"));//判断被点击元素的类名是否包含active
})
event.preventDefault()
console.log(document.querySelectorAll('.item'));
//方法一
//var oItem=document.getElementsByClassName('item');
//console.log(oItem);
//方法二
var oItem2=document.querySelector('.item');
console.log(oItem2);
光标停在第二个li的后面,然后按shift键,在按住鼠标右键,注意是右键,按住下拉,光标就会批量定位。然后批量修改。
输入:ul>li{$}*10
生成:
<ul>
<li>1</li>
<li>2</li>
iframe就是在网页上挖一个坑,这个坑可以放入其它的网页或其它文件,比如svg。
有些视频预览的图片很吸睛,打开看却是其它内容就是这么做的。
<video controls="controls" poster="toy.png" autoplay="autoplay">