原生js对之后插入的元素怎么监听事件

Question

jq可以用on方法来监听后来插入的元素，原生js该怎么写

<div id="demo"></div>
<script>
    $("#demo").on('click', '.test', function () {
        console.log(66)
    })
    $("#demo").append('<p class="test">xxxx</p>')
</script>

Answer 1

document.getElementById("demo").addEventListener("click", function(e){ 
      if(e.target.className==="test"){
        console.log(66)
      }
    });

Answer 2

document.getElementById('demo').addEventListener('click', function (e) {
       if(e.target.classList.contains('test')){
            console.log(66)
        }
    })