Question

我正在学习JavaScript编程，并且在练习DOM选择器时遇到一个问题，即选择列表项之后，我向每个列表项添加了EventListner，但是当我在EventListner函数内部打印listItem变量时，它会打印在控制台中未定义，但是当我尝试在EventListner函数外部打印listItem变量时，它可以正常打印。

我试图通过在堆栈溢出时搜索几个答案来解决这个问题，但是我无法解决这个问题。

我正在尝试在控制台上获取listItem而不是未定义。

                  3  2          1         0
                  1 09876543 21098765432109876543210
                  S ---E8--- ----------F23----------
          Binary: 0 01111100 10011001100110011001101
             Hex: 3E4C CCCD
       Precision: SP
            Sign: Positive
        Exponent: -3 (Stored: 124, Bias: 127)
       Hex-float: +0x1.99999ap-3
           Value: +0.2 (NORMAL)

// JavaScript

<!DOCTYPE html>
<html>
<head>
    <title>Javascript + DOM</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="box">
    <h1>Shopping List</h1>
    <p id="first">Get it done today</p>
    <input id="userinput" type="text" placeholder="enter items">
    <button id="enter">Enter</button>
    <ul>
        <li>Notebook</li>
        <li>Jello</li>
        <li>Spinach</li>
        <li>Rice</li>
        <li>Birthday Cake</li>
        <li>Candles</li>
    </ul>
    </div>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

提琴：https://jsfiddle.net/1yhg9ok4/

选择列表项后在控制台中变得未定义

0 个答案: