javascript - 如何删除元素

Question

我需要一些帮助(在代码下你可以看到我需要什么)

这是代码:

HTML

<input type="number" id="elementnr">
<button onclick="theFunction()">Remove it</button>
<p id="theElements"/>

JAVASCRIPT

<script>
var cars = ["Bentley", "Ferrari", "BMW", "Mercedes", "Lamborghini"];
document.getElementById("theElements").innerHTML = cars;

function theFunction() {

    delete cars[3];
    document.getElementById("theElements").innerHTML = cars;

}
</script>

现在，当您单击按钮时，此代码会删除第三个元素(梅赛德斯)，因为我们提供了该功能，但我想知道是否有任何方法可以编辑代码，因此当我在文本框中输入数字 4 并单击时该按钮将删除第四个元素，或者如果我在文本框中输入 2 并单击该按钮，它将删除第二个元素等。

Answer 1

您可以读取输入 HTML 元素的“value”属性。

在 JS 中对数组元素使用 delete 运算符不会删除给定元素，而是将其值设置为 undefined，因此数组的长度保持不变，并且可能会导致许多错误。

通常，splice 函数用于从 JavaScript 数组中删除某些内容。

var cars = ["Bentley", "Ferrari", "BMW", "Mercedes", "Lamborghini"];
var carsList = document.getElementById("carsList");
var elementIndex = document.getElementById("elementIndex");

function removeElementByIndex() {
    cars.splice(elementIndex.value,1);
    setHtml(carsList, cars);
}

function setHtml(node, content){
  node.innerHTML = content;
}

setHtml(carsList, cars);

<input type="number" id="elementIndex">
<button onclick="removeElementByIndex()">Remove it</button>
<p id="carsList"></p>