Невозможно прочитать свойство 'style' из undefined. код не введен - PullRequest
Новая
       12

Невозможно прочитать свойство 'style' из undefined. код не введен

0 голосов
/ 31 марта 2020

Я недавно занимаюсь разработкой и пытаюсь внедрить этот код в консоль, поэтому что-то меняется на моем сайте, но он не работает должным образом. Сайт построен на SPA, и я должен войти, чтобы войти. Я должен сначала вставить этот код в консоль, чтобы проверить его, и если он работает, то в adobe target.

Если я вставляю только часть ADD CODE без функции, она работает нормально. Но когда я превращаю его в функцию, она не работает

Я получаю эту ошибку в консоли:

VM6228: 13 Uncaught TypeError: Невозможно прочитать свойство 'style' для undefined в funcionCarga (: 13: 78) в hashHandler (: 69: 13)

Это мой код 

(function () {
    var funcionCarga = function () {

    var existeDOM = function () {
        return document.getElementById("region-content") <= 0;
    }
    var interval;

    //ADD CODE
    //1) Hide orange button1
    var HideButton = document.getElementsByClassName('row Botones')[0].style.visibility = 'hidden';

    //1.1)Resize Whitebox
    var TABwhitebox = document.querySelector("#ventajas> div > div")
    TABwhitebox.style.minHeight = "220px";
    TABwhitebox.style.marginBottom = "80px";

    //2) grey button to orange
    var Obutton = document.getElementsByClassName("nuevo btn-secondary btn-block btn-reason");
    for (i = 0; i < Obutton.length; i++) {
    Obutton[i].style.backgroundColor = "#FF6200";
    Obutton[i].style.borderColor = "rgb(255, 98, 0)";
    Obutton[i].style.borderRadius = "8px";
    Obutton[i].style.borderStyle = "solid";
    Obutton[i].style.alignItems = "flex-start";
    Obutton[i].style.borderWidth = "0.989583px";
    Obutton[i].style.boxSizing = "0.989583px";
    Obutton[i].style.boxSizing = "rgb(255, 255, 255)";
    Obutton[i].style.cursor = "pointer";
    Obutton[i].style.display = "inline-block";
    Obutton[i].style.fontFamily = "INGMeBold";
    Obutton[i].style.fontSize = "19px";
    Obutton[i].style.fontStretch = "100%";
    Obutton[i].style.fontStyle = "normal";
    Obutton[i].style.fontVariantCaps = "normal";
    Obutton[i].style.fontVariantEastAsian = "normal";
    Obutton[i].style.fontVariantLigatures = "normal";
    Obutton[i].style.fontVariantNumeric = "normal";
    Obutton[i].style.fontWeight = "400";
    Obutton[i].style.height = "43.9931px";
    Obutton[i].style.letterSpacing = "normal";
    Obutton[i].style.textAlign = "center";
    Obutton[i].style.textIndent = "0px";
    Obutton[i].style.textRendering = "auto";
    Obutton[i].style.textshadow = "none";
    Obutton[i].style.textSizeAdjust = "100%";
    Obutton[i].style.textTransform = "none";
    Obutton[i].style.wordSpacing = "0px";
    Obutton[i].style.writingMode = "horizontal-tb";
    Obutton[i].style.webkitAppearance = "none";
    Obutton[i].style.webkitBorderImage = "none";}
        ;

    //Time
    var renderer = function () {
        if (existeDOM()) {
           clearInterval(interval)
           //  functionAnadir();
        }
    }
    interval = setInterval(renderer, 100) //CHANGEME: We check every X mileseconds if the page has been redered
}

function hashHandler(eventData) {
    if (eventData.newURL.includes('#loans')) { //TODO: es soportado en todos los navegadores
        console.log('im in loans');
        funcionCarga();
    }
}
    window.addEventListener('hashchange', hashHandler, false);

var confirmar = window.location.host.indexOf('mypage.es') >= 0;
    if (confirmar) {
    console.log("Comprobar mypage");
    window.addEventListener('hashchange', hashHandler, false);
 }

})();

Я не могу отправить все HTML, потому что моя работа уверенность политика. Есть похожая структура:

HTML BTN 1: 

<div class="row Botones">
  <div class="boton">
    <a href="#simulator" rel="scroll">
       <div class="btn">Solicitar</div>
    </a>
  </div>
</div>

HTML BTN 2: 

<button class="nuevo btn-secondary btn-block btn-reason">Elija una opción</button>

Есть ли кто-нибудь, кто может мне помочь? спасибо

...