lovecoding
/
VIP20


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <ul id="ul1">
    <li>111</li>
    <li>222</li>
    <li>333</li>
    <li>444</li>
  </ul>
  <button id="btn1">添加</button>
  <script>
    var aLi = document.getElementsByTagName('li')
    var btn = document.getElementById('btn1')
    var ul1 = document.getElementById('ul1')
    // for(var i=0;i<aLi.length;i++){
    //   aLi[i].onclick = function(){
    //     console.log(this.innerHTML)
    //   }
    // }

    ul1.onclick = function(e){
      if(e.target.tagName == 'LI'){
        console.log(e.target.innerHTML)
      }
      // console.log(e.target)
    }
    btn.onclick = function(){
      var xx = document.createElement('li')
      xx.innerHTML = Math.random()
      ul1.appendChild(xx)
    }
  </script>
</body>
</html>