Почему моя функция не меняет текст свойства tavelBanner? - PullRequest
Новая
       2

Почему моя функция не меняет текст свойства tavelBanner?

0 голосов
/ 13 октября 2018 
// My Html
     <body>
      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="#"><span id = "travelBanner">Travel 
         City</span> 
        </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" 
         data- 
       target="#navbarSupportedContent" aria- 
        controls="navbarSupportedContent" 
        aria- 
         expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>

// Почему мой текст не изменяется на веб-странице, но изменяется в журнале консоли?

// Я пытаюсь изменить текст tavelBanner. 

     var travelNow = function(){

       var travelBanner = document.getElementById("travelBanner").
          textContent = "Discount";   }
       travelNow();
// when i console log the function the value is sent to the console.
      console.log(travelBanner);

1 Ответ

0 голосов
/ 13 октября 2018

Надеюсь, это будет вам полезно.Запустите фрагмент кода и посмотрите, сможете ли вы что-то с ним сделать.;) 

  function discont() {
    const x = document.getElementById("travelBanner");
    if (x.innerHTML === "Travel city") {
        x.innerHTML = "Discount!";
    } else {
    x.innerHTML = "Travel city";
    }
  }
body {
  margin: 2rem;
  padding: 2rem;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

     <button class="btn-success"
             onclick="discont()"
             id="two">Discount
     </button>
     
     <div>
      <p class="navbar-brand" href="#"><span 
        id="travelBanner">Travel city</span> 
      </p>
     </div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...