Question

您对方法的调用不正确，因为您在错误的对象上对其进行了调用。我的导师告诉我我在错误地“调用方法”。我已经在Google上搜索了很长时间。.我看过w3schools教程网站，它们的调用或调用教程与我遇到的问题无关。

任何帮助将不胜感激。

此代码的目标是使用JS定位，编辑和添加新的HTML元素。

JavaScript

    function start(){
  let targetTag = document.querySelector('#list');
  let newItem = targetTag.createElement('li');
  newItem.innerText = ("Mens T-shirt");
  targetTag.prepend(newItem);
}

HTML

<h3>Shirts</h3>
<ul id='list'>
    <li>Biker Jacket</li>
</ul>
<input type="button" value="Add Field" onClick="start();"/>

Answer 1

targetTag.createElement是错误的（它根本不存在）-您应该使用document.createElement：

let newItem = document.createElement('li');

function start() {
  // Select the list element (using querySelector
  // you select it by its id: #list)
  let targetTag = document.querySelector('#list');
  
  // Create in memory a new <li> element
  let newItem = document.createElement('li');
  
  // Set its content (text) to be "Mens T-shirt")
  newItem.innerText = ("Mens T-shirt");
  
  // Prepend it in the list (at this point you are 
  // adding it in the DOM)
  targetTag.prepend(newItem);
}


// Let's call the function
start()

<h3>Shirts</h3>
<ul id='list'>
    <li>Biker Jacket</li>
</ul>

错误的调用

1 个答案: