Javascript в SharePoint CEWP не работает

Question

Я написал простой JavaScript, чтобы изменить цвет HTML-класса на основе его textcontent / innerHTML. При написании сценария он работает нормально, когда я помещаю его непосредственно в консоль инструментов разработчика (F12) для Chrome. Но когда я пытаюсь вызвать скрипт из CEWP, он не работает. Что мне не хватает? Вот HTML, который я встроил в CEWP. Долгое время администратор, впервые погрузился в разработку CSOM. Я уверен, что это что-то очень простое, но я в растерянности

<script type="text/javascript">
var status_array =document.getElementsByClassName("sefl_status");
var pattern = new RegExp("Effective");
for (i=0; i < status_array.length; i++)
{
    if (pattern.test(status_array[i].innerHTML)===true)
    {
    status_array[i].style.color="green"
    }
};
</script>

Answer 1

Я изменяю код, как показано ниже для вашей справки:

<script type="text/javascript">
window.onload=function(){
    var status_array =document.getElementsByClassName("sefl_status");
    var pattern = new RegExp("Effective");
    for (var i=0; i < status_array.length; i++)
    {
        if (pattern.test(status_array[i].innerHTML)===true)
        {
            status_array[i].style.color="green";
        }
    }
}
</script>