如何解决JavaScript中contains不是一个函数的问题

846 阅读1分钟

在本教程中,我们将学习如何解决TypeError contains is not a function in JavaScript的问题

当我们对一个不是有效的HTML DOM节点的值使用contains() 方法时,我们会在控制台得到以下错误。

例子。

const fruit = "apple";
fruit.contains("a");

输出。

"TypeError: fruit.contains is not a function

在上面的例子中,我们正在使用contains() 方法检查字符串中的字符"a" 是否可用,所以我们在控制台中得到了错误,因为contains() 只对HTML DOM节点有效。

要解决这个错误,可以使用includes() 方法来检查字符串或数组中的某个值是否可用。

下面是一个例子。

const fruit = "apple";
const result = fruit.includes("a");

console.log(result); // true

对于数组。

const arr = [2, 3, 4];
const result = arr.includes(3);

console.log(result); // true

对dom节点使用contains方法

要检查一个dom节点在文档中是否可用,我们可以使用JavaScript中的contains() 方法。

下面是一个例子,它检查header dom节点在文档中是否存在。

const header = document.getElementById("header");

console.log(document.contains(header)); // true

总结

当我们对dom节点以外的值调用contains()方法时,会发生 "contains不是一个函数 "的错误。为了解决这个错误,对字符串和数组使用includes() 方法。