在本教程中,我们将学习如何解决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() 方法。