三行代码  ›  专栏  ›  技术社区  ›  samgear

Javascript,GetElementById元素未定义?

  •  -1
  • samgear  · 技术社区  · 2 月前

    HTML

    <html>
    
    <head>
      <title>Exercise</title>
      <link rel="stylesheet" href="stylesheet.css">
      <script src="javascript.js"></script>
    </head>
    
    <body>
    
      <div class="inputi">
        <p class="input-text">Une Jam?</p> <input placeholder="Sheno emrin..." type="text" id="inputId">
    
        //checks input value
        <button type="button" onclick="getInputValue()">Vazhdo</button>
        // shows error message if it doesn't match the array
      <p id="message"></p>
      </div>
    
    
        // i want to display this with javascript, after the login
        <h1 id="coupon">You won giftcard </strong></h1>
        <button id="coupon">abas</button>
    
     
    
    
    </body>
    
    </html>
    

    ** **

          var zzz = getElementById("coupon")
          if(zzz === "none") {
          display:block; }
     
    
        
          
          // document.writeln("<h1>Keni fituar kupon 50% ne <strong> Green & Protein </strong> </h1>");
          
          // document.writeln('<input class="giftcode" placeholder="' +finalcode+'" type="text" id="inputId">');
          display_image(images[z], 400, 400, 'Javascript');
          document.write('<br>' + user[i]);
    
        }
      }
    
    }
    
    4 回复  |  直到 2 月前
        1
  •  3
  •   Spectric    2 月前

    两件事:

    • getElementById document.getElementById

    • 您需要将脚本标记移动到脚本的底部 body 标记以确保选择元素时该元素位于DOM中

    <html>
       <head>
          <title>Exercise</title>
          <link rel="stylesheet" href="stylesheet.css">
       </head>
       <body>
          <div class="inputi">
             <p class="input-text">Une Jam?</p>
             <input placeholder="Sheno emrin..." type="text" id="inputId">
             //checks input value
             <button type="button" onclick="getInputValue()">Vazhdo</button>
             // shows error message if it doesn't match the array
             <p id="message"></p>
          </div>
          // i want to display this with javascript, after the login
          <h1 id="coupon">You won giftcard </h1>
          <button id="coupon">abas</button>
          <script src="javascript.js"></script>
       </body>
    </html>
    
        2
  •  1
  •   Colorado Akpan    2 月前

    从上面的代码可以看出,您正在尝试调用尚未定义的getElementById()方法。

    第二,您只能在文档中分配一个id,否则它将不起作用。

    //我想在登录后用javascript显示它

    <span id="coupon" style="display: none">
       <h1>You won giftcard </strong></h1>
       <button>abas</button>
    </span>
    

    您想要调用的是document.getElementById(“优惠券”);这是正确的功能。

    所以试试这个;

    var zzz = document.getElementById("coupon");

    假设您将一个变量设置为 var success = "yes"

    if(success === "yes"){
    zzz.style.display = "block";
    }
    
        3
  •  1
  •   Vladimir Posvistelik    2 月前
        4
  •  0
  •   djadweb    2 月前

    因为getElementById是一个文档方法