Html怎么动态实现点击事件

    <iframe
            src="https://open.ys7.com/ezopen/h5/iframe?url=ezopen://open.ys7.com/F24272838/6.live&autoplay=1&accessToken=at.9vxy6ldo3ywyztwe7pg9tlmib71vsxdj-5tpoi9nfnt-14fjhin-2avqs6jp6"
            width="100%"
            height="100%"
            id="ysOpenDevice"
            allowfullscreen
    >
    </iframe>
</div>

<div class="quarter-div ">
    <iframe
            src="https://open.ys7.com/ezopen/h5/iframe?url=ezopen://open.ys7.com/F24272838/1.live&autoplay=1&accessToken=at.9vxy6ldo3ywyztwe7pg9tlmib71vsxdj-5tpoi9nfnt-14fjhin-2avqs6jp6"
            width="100%"
            height="100%"
            id="ysOpenDevice1"
            allowfullscreen
    >
    </iframe>
</div>







    var target = ev.target || ev.srcElement;
    console.log(target)

    if (target.nodeName.toLowerCase() == 'button') {
        var e = document.getElementById(target.parentNode.id);
        document.getElementById("VideoId").removeChild(e);
    }