lovecoding
/
class


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul id="list1">
        <li>1</li>
        <li>2</li>
        <h1>777</h1>
        <li>3</li>
        <li>4</li>
    </ul>
    <button>添加</button>
    <script>
        var btn = document.querySelector("button");
        var list = document.querySelector("#list1");
        var lis = document.getElementsByTagName("li");
        btn.onclick = function() {
            var li1 = document.createElement("li");
            // li1.innerText = Math.random();
            li1.innerText = Math.round(Math.random() * 99 + 1)
            list.appendChild(li1);
        }
        console.log(lis)
        // for(var i=0;i<lis.length;i++) {
        //     lis[i].onclick = function() {
                
        //     }
        // }
        list.onclick = function(event) {
            console.log("走进来")
            // console.log(event.target)
            if(event.target.nodeName == "LI") {
                console.log(event.target.innerHTML)
            }
        }
    </script>
</body>
</html>