Как использовать свойство стиля в Typescript - PullRequest
Новая
       46

Как использовать свойство стиля в Typescript

0 голосов
/ 04 января 2019

Я хочу показ слайдов в простом HTML и JavaScript. я написал свой код ниже. Ошибка в использовании свойства стиля для скрытия и отображения изображения. Я использовал этот код в машинописи (ионные). У меня есть ошибка в обеих строках, имеющих свойство стиля в коде 'x [i] .style.display'. Подскажите пожалуйста как использовать стиль

HTML-код - - 

<div class="w3-content w3-display-container">

    <div class="w3-display-container mySlides">
      <img src="https://www.w3schools.com/w3css/img_mountains.jpg" style="width:100%">
      <div class="w3-display-bottomleft w3-large w3-container w3-padding-16 w3-black">
        French Alps
      </div>
    </div>

    <div class="w3-display-container mySlides">
      <img src="https://www.w3schools.com/w3css/img_forest.jpg" style="width:100%">
      <div class="w3-display-bottomright w3-large w3-container w3-padding-16 w3-black">
        Northern Lights
      </div>
    </div>
  </div>

  <button class="w3-button w3-display-left w3-black" onclick="plusDivs(-1)">&#10094;</button>
<button class="w3-button w3-display-right w3-black" onclick="plusDivs(1)">&#10095;</button>

машинописный код- 

constructor(public navCtrl: NavController)
{
    var slideIndex = 1;
        showDivs(slideIndex);

        function plusDivs(n) {
          showDivs(slideIndex += n);
        }

        function showDivs(n) {
          var i;
          var x = document.getElementsByClassName("mySlides");
          console.log(x);
          if (n > x.length) {slideIndex = 1}
          if (n < 1) {slideIndex = x.length}
           for (i = 0; i < x.length; i++) {
             x[i].style.display = "none";  
           }
           x[slideIndex-1].style.display = "block";  
        }
}

Ответы [ 2 ]

0 голосов
/ 04 января 2019

Вы можете использовать HTMLDivElement в TypeScript. Например; 

var container: HTMLDivElement;
container.style.color = "red";
0 голосов
/ 04 января 2019

Вы вызываете свои скрипты перед загрузкой страницы. Удалите вызов showDivs (slideIndex) из скрипта и вызовите его в onload: 

<body onload="showDivs(1)">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...