Блог

Главная - Вопросы по программированию - Изменение стиля HTML не отображается на телевизоре Samsung

Изменение стиля HTML не отображается на телевизоре Samsung

#javascript #android #html #browser #styles

#javascript #Android #HTML #браузер #стили

Вопрос:

Я новичок в javascript, и я столкнулся с проблемой: изменения стиля HTML не отображаются в браузере телевизора Samsung.

У меня есть несколько элементов HTML (как показано ниже) Я хочу изменить. (Этот HTML-код исходит от Gentelella)

 <div class="widget_summary">
     <div class="w_left w_25">
         <span>0.1.5.2</span>
     </div>
     <div class="w_center w_55">
          <div class="progress">
              <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 34%;">
                 <span class="sr-only">60% Complete</span>
              </div>
          </div>
     </div>
     <div class="w_right w_20">
         <span>18k</span>
     </div>
     <div class="clearfix"></div>
</div>

Я написал этот фрагмент кода (встроенный в HTML-код 🙂

 var socket = io.connect();
socket.on('histo_tag', function(data) {
      var HistoTagView = document.getElementById("histo_very_cool");
      var HistoTagViewList = HistoTagView.getElementsByClassName("widget_summary");
      for (i = 0; i < HistoTagViewList.length; i  ) {
          HistoTagViewLine = HistoTagViewList[i];
              HistoTagViewLine.getElementsByClassName("w_left")[0].getElementsByTagName("span")[0].innerHTML = data.tagList[i].tag;
              HistoTagViewLine.getElementsByClassName("w_right")[0].getElementsByTagName("span")[0].innerHTML = data.tagList[i].count;
              var withProgressBar = "width: "   Math.floor(data.tagList[i].count * 100 / data.tagsCount)   "%;";
              HistoTagViewLine.getElementsByClassName("progress")[0].getElementsByClassName("progress-bar")[0].style = withProgressBar;
     }
});

Все изменения с использованием поля «innerHTML» хорошо работают во всех протестированных браузерах. Но динамическое изменение стиля класса «индикатор выполнения» не работает в браузере Samsung (хорошо работает в Firefox и Chrome).
Я прочитал много сообщений об оптимизации браузера и изменении стиля и CSS, но это не решило мою проблему.
Я пытаюсь добавить что-то вроде getComputedStyle() или запросить такую информацию, как «offsetTop, offsetLeft, offsetWidth, offsetHeight …», но безуспешно.

Кто-нибудь знает, что может быть причиной этого несоответствия между firefox и веб-браузером samsung

Спасибо за вашу помощь С уважением