htmlcollection

by hui liu

HTML

<ul>
	<li class="test">1</li>
	<li class="test">2</li>
	<li class="test">3</li>
	<li class="test">4</li>
	<li class="test">5</li>
	<li class="test">6</li>
	<li class="test">7</li>
	<li class="test">8</li>
</ul>
<div class="log">

</div>
</div>

JavaScript

var ul=document.querySelector('ul');
  var log=document.querySelector('.log');
	var b = document.querySelectorAll('.test')
	var a= document.getElementsByClassName('test');
	log.innerHTML='---'+a.length+'----'+b.length;
	setTimeout(function(){
		ul.innerHTML='<li class="test" name="abc">9</li>'
		log.innerHTML='---'+a.length+'----'+b.length;
	},2000);