javascript - ユーザーのメールに基づいてボタンを非表示にしようとしています

Question

私はこのボタンを持っています：

<a id="customAddNew" href="/ibs/_layouts/listform.aspx?PageType=8&amp;ListId={CED7A37E-B1B4-46DD-B5C6-9232195D7E16}&amp;RootFolder=" target="_self">Submit Work Order​​​&lt;/a>

このスクリプトを使用して、ログインしているユーザーに基づいてボタンを非表示にしようとしています:

script type="text/javascript">
    var email = $().SPServices.SPGetCurrentUser({
        fieldName: "EMail",
        debug: false
        });

    var trimmedEmail = email.split("@");    
    var newButton = document.getElementById("customAddNew");

    if (trimmedEmail[1] == "napacanada.com"){
        //Is NAPA User, which can't Add New Items
        alert("napa user");
        newButton.style.display = "none";
        //$('#customAddNew').attr("display","none");
        alert("check point")
    }else{
        //Is City User, can Add New Items
        alert("none napa user");
        newButton.style.display = "block";  
        //$('#customAddNew').attr("display","block");
    }
</script>

JavaScript と jQuery を使用して実行しようとしましたが、どちらも機能しませんでした。これは私が得るエラーです:

null のプロパティ 'style' を読み取れません

チェックポイントアラートではなく、ユーザーによっては最初のアラートが正常に実行されます