HTML 5基礎学習

//     ，   html5shiv.min.js   ：

// js:
document.getElmentById('box');

// jquery :
\$('.box');
\$('#box');
\$('div.box');
\$('div p');

// h5 js:
//               ，    
document.querySelector('.box');
//            ,       
document.querySelectorAll('.box');

// js:
box.className="active";

// jquery :
box.addClass();
box.removeClass();
box.hasClass(); //       
box.toggleClass(); //     

// h5 js:
box.classList.add('active');
box.classList.remove('active');
box.classList.contains('active'); //       
box.classList.toggle('active'); //     

  var box = document.querySelector('.box');
  // js        
  box.index = 100;

  //   
  console.log(box.className);
  console.log(box.title);
  console.log(box.index);

  //         data-       ，     dataset[]      
  console.log(box.dataset['name']);
  console.log(box.dataset['content']);

  // data-my-name="dzm-xyq"           ，              
  console.log(box.dataset['myName']);
  
  //         
  box.dataset['content'] = 'temp';