Javascript 我的innerHTML表示未定义，我想获取innerHTML以进行输入_Javascript_Html

Javascript 我的innerHTML表示未定义，我想获取innerHTML以进行输入

javascript html

Javascript 我的innerHTML表示未定义，我想获取innerHTML以进行输入,javascript,html,Javascript,Html,我一直在开发一个普通的javascript TODO列表，它具有编辑、添加和删除TODO等多种功能。但是我无法编辑它，因为我无法获取输入标记所需的HTML。下面是相关的HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" con

我一直在开发一个普通的javascript TODO列表，它具有编辑、添加和删除TODO等多种功能。但是我无法编辑它，因为我无法获取输入标记所需的HTML。下面是相关的HTML代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Grocery Bud</title>
    <!-- font-awesome -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
    />
    <!-- styles -->
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <section class="section-center">
      <!-- form -->
      <form class="grocery-form">
        <p class="alert"></p>
        <h3>Grocery Bud</h3>
        <div class="form-control">
          <input type="text" id="grocery" placeholder="e.g. eggs">
          <button type="submit" class="submit-btn">
            Submit
          </button>
        </div>
      </form>
      <!-- list -->
      <div class="grocery-container">
        <div class="grocery-list">
        </div>
        <!-- button -->
        <button type="button" class="clear-btn">clear items</button>
      </div>
    </section>
    <!-- javascript -->
    <script src="app.js"></script>
  </body>
</html>

如果您试图获取输入值，请尝试以下操作：

grocery.value = editElement.value

只需将editElement更改为element.firstElementChild，您就可以了

   const editItem = (e) => {
        // console.log("Item Edited.");
        const element = e.currentTarget.parentElement.parentElement;
        // set edit item
        
        editElement = element.firstElementChild;
        // set from value
        grocery.value = editElement.innerHTML;
        editFlag = true;
    }

“我无法将所需的HTML提取到输入标记”。这是什么意思？

grocery.value = editElement.value

   const editItem = (e) => {
        // console.log("Item Edited.");
        const element = e.currentTarget.parentElement.parentElement;
        // set edit item
        
        editElement = element.firstElementChild;
        // set from value
        grocery.value = editElement.innerHTML;
        editFlag = true;
    }