原生js使用addEventListener导致的querySelectorAll报错

原生js使用addEventListener时，querySelectorAll报错的原因以及正确的使用方法

html

<ul class="content-a">
    <li class="fapiao-con">
        <div> </div>
    </li>
    <li class="fapiao-con">
        <p></p>
        <input type="text" placeholder="名称">
    </li>
    <li class="fapiao-con">
        <p></p>
        <input type="text" placeholder="名称">
    </li>
</ul>

js

const allFaPiao = document.querySelectorAll('.fapiao-con');
allFaPiao.forEach(function(element, index) {
    element.style='display:none';
});