如何利用原生JS监听对加载更多出来的标签进行事件绑定

Question

有项目用到 JS 模板，但模板里的标签是字符串非正常运行的html标签，对页面一开始就加载出来的标签进行了事件绑定后，后加载出来的标签，除非用jQuery，我想不出用什么来进行监听然后实现事件绑定。
而项目规定不可以使用如jQuery，zetpo这种框架来做，那么请问了，如题。

<p class="p">标签p</p>

<script>

    var ps = document.querySelectorAll('.p');

    for (var i = 0; i < ps.length; i++) {

        ps[i].addEventListener('click', function(){

            var that = this;

            console.log(that.innerText);

        })

    }

</script>

<script type="template">

    <p class="p">字符串标签p</p>

</script>

Answer 1

事件委托吧，一个最基本的代码如下！window.onload = function(){　　document.onclick = function(ev){　　　　var ev = ev || window.event;　　　　var target = ev.target || ev.srcElement;　　　　if(target.className.toLowerCase() === 'p'){　　　　　　　&nbsp; console.log(this.innerHTML);　　　　}　　}}document可以用其它元素代替，但是，代替的元素必须是一开始就存在！不能是页面加载了再动态加进来的！