невозможно получить свойство 'style' с неопределенной или нулевой ссылкой для цвета фона

Question

Привет, я получаю ошибку скрипта для кода ниже. как я перепробовал все способы, но не повезло. Пожалуйста, помогите мне, так как я очень новичок в этой области. по крайней мере, скажите мне, где я иду не так

<body">

function hightlightpopupElement(ID) {
  var isHightlightRequired = top.document.Main.isOthernumberCountriesPresent(ID) var popupElement = "";
  if (isHightlightRequired) {
    popupElement.style.backgroundColor = "#7674hf";
    popupElement.style.color = "#fff";
  } else {
    popupElement.style.backgroundColor = "#f5f5f5";
    (getting error on this line)
    popupElement.style.color = "#cccc";
  }
}

Answer 1

Прежде всего, вы должны создать скрипку, чтобы люди могли лучше понять проблему.

Хотя, проверяя ваш код, я думаю, что проблема в этой строке:

var isHightlightRequired = top.document.Main.isOtherLabelingCountriesPresent(groupID)

Проверка если он возвращает логическое значение.

Кроме этого, я думаю, что вы должны работать с классами, чтобы манипулировать стилями элементов. Нагрузка, которую вы наносите на тело, также не является хорошей практикой. Jquery имеет функцию для этой цели.

$( document ).ready(){
    hightlightMoreLink(2210);
}

Еще одна вещь, на которую я хотел бы обратить внимание, это тот факт, что вы можете использовать jquery для управления элементами. Как есть:

$("#MoreLinkTH").css("background-color", "#26339f");
$("#labelingMoreLink").css("color", "#fff");

Answer 2

Вот оно работает ...

function hightlightMoreLink(groupID) {
  var isHightlightRequired = 1           
  var moreLinkColumnElement="";
  var moreLinkElement="";

  if (groupID==2210) {
    moreLinkColumnElement = document.getElementById("MoreLinkTH");                
    moreLinkElement = document.getElementById("labelingMoreLink");
  } else {
    moreLinkColumnElement = document.getElementById("MoreLinkTHUnblind");
    moreLinkElement = document.getElementById("labelingMoreLinkUnblind");
  }
  if (isHightlightRequired) {
    moreLinkColumnElement.style.backgroundColor = "#26339f";
    moreLinkElement.style.color="#fff";
  } else {
    moreLinkColumnElement.style.backgroundColor = "#f5f5f5";
    moreLinkElement.style.color="#26339f";
  }
}

hightlightMoreLink(2210)