开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

.setAttribute (in promise) TypeError：(中间值) Uncaught不是一个函数

问题描述：在使用.setAttribute方法时，出现了TypeError：(中间值) Uncaught不是一个函数的错误。

解答： .setAttribute是JavaScript中用于设置HTML元素属性的方法。根据错误提示，出现TypeError：(中间值) Uncaught不是一个函数的错误，可能有以下几种原因：

中间值不是一个有效的HTML元素对象：在使用.setAttribute方法之前，需要确保中间值是一个有效的HTML元素对象。可以通过使用document.getElementById或其他获取元素的方法来获取正确的HTML元素对象。
中间值是一个非对象类型：.setAttribute方法的第一个参数应该是一个字符串，表示要设置的属性名称。如果中间值不是一个字符串，而是其他非对象类型（如数字、布尔值等），则会出现该错误。请确保中间值是一个字符串类型。
中间值是一个函数而不是属性：如果中间值是一个函数，而不是一个属性名称，那么就会出现该错误。请检查中间值是否正确，并确保它是一个属性名称。

综上所述，解决这个错误的方法是确保中间值是一个有效的HTML元素对象，并且第一个参数是一个字符串类型的属性名称。如果问题仍然存在，请提供更多的代码和错误上下文，以便更好地帮助解决问题。

相关链接：

.setAttribute方法文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/setAttribute
JavaScript文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

相关搜索:(中间值).findElement不是函数 (中间值).setTween不是函数 firebase_compat_app__WEBPACK_IMPORTED_MODULE_1__.default.storage (在promise中)：TypeError: Uncaught不是一个函数 JS (中间值)使用超运算符时，.g不是函数中间值不是函数 ref.current.setAttribute不是一个函数 TypeError (in promise)未捕获: firebase.auth(...).getUser不是一个函数 TypeError: cognitoidentityserviceprovider.getUser(...).promise不是函数 TypeError: element.setAttribute不是函数(React Native / Three.js)TypeError: this.setAttribute不是函数 TypeError：(中间值)不是异步Promise.all的函数

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

常见报错

Uncaught SyntaxError 未捕获的语法错误，最低级的错误，直接编译不通过。通常情况是写错符号，比如for循环应该用分号的写了逗号，函数接受形参应该用逗号但是写了分号。...10 Uncaught TypeError 未捕获类型错误：Uncaught TypeError...... show是一个变量不是一个函数！...var show = 10 show() //Uncaught TypeError: show is not a function Uncaught (in promise) 未经证实的错误：...Uncaught (in promise) 通常是promise抛出（reject）了一个错误，但是没有catch捕获它 var ajax = new Promise((resolve, reject...props给子组件传值，子组件可使用传过来的值，虽然props是在子组件定义的，但子组件不能直接修改props里面的值，但是如果props里的数据是array或object类型的可修改其属性或下标值，但仍不可以直接赋值

2.4K1 0

Uncaught TypeError: Cannot read property setAttribute of null

Uncaught TypeError: Cannot read property 'setAttribute' of null在Web开发中，你可能会遇到各种各样的错误。...本篇博客将讨论一个常见的JavaScript错误：Uncaught TypeError: Cannot read property 'setAttribute' of null（无法读取null对象的属性...如果在代码中存在以下情况，将会抛出"Uncaught TypeError: Cannot read property 'setAttribute' of null"错误：HTML中没有一个具有'id'为...希望这个示例代码能够帮助你理解和解决"Uncaught TypeError: Cannot read property 'setAttribute' of null"错误。'...结论"Uncaught TypeError: Cannot read property 'setAttribute' of null"错误通常意味着你试图在null对象上调用方法。

3235 0

【JavaScript】解决 JavaScript 语言报错：Uncaught TypeError: XYZ is not iterable

二、报错信息解析 “Uncaught TypeError: XYZ is not iterable” 错误信息可以拆解为以下几个部分： Uncaught TypeError: 这表示一个未被捕获的类型错误...is not iterable 在这个例子中，num 是一个数字，而不是一个可迭代对象。...此例中，obj 是一个普通对象，而不是一个可迭代对象。...TypeError: promise is not iterable 在这个例子中，Promise.all 需要一个可迭代对象，而不是一个单独的 Promise 对象。...此例中，obj 是一个普通对象，而不是一个可迭代对象。

1581 0

try..catch 不能捕获的错误有哪些？注意事项又有哪些？

，其中我们使用fetch调用API，该 API 返回一个promise对象，我们使用catch块优雅地处理 API 失败。...at :1:13 JavaScript 有以下内置错误，这些错误是从 Error 对象继承而来的 3.2 EvalError EvalError 表示关于全局eval()函数的错误...➤ [].length = -1 ⓧ Uncaught RangeError: Invalid array length 3.4 ReferenceError 当引用一个不存在的变量时，将引发 ReferenceError...x in JSON at position 2 3.6 TypeError 如果该值不是预期的类型，则抛出TypeError。...➤ 1(); ⓧ Uncaught TypeError: 1 is not a function ➤ null.name; ⓧ Uncaught TypeError: Cannot read property

2.5K2 0

浅谈Javascript中的Hook技术

这种方法简单粗暴，但是只能覆盖具体变量的成员函数。 0x02 Hook类方法考虑以下这种情况：希望Hook所有元素的setAttribute方法。...因此，这种方案不是最佳方案。...0x03 利用Getter/Setter进行Hook document.domain是一个只读对象，正常是不允许乱修改的。...at :1:16 乱修改这个值的话，浏览器会直接报错。但是下面这段代码却可以将document.domain改成可修改的对象。...> Object.defineProperty(document, 'domain', {value: 'xxx'}); Uncaught TypeError: Cannot redefine property

7.8K4 0

前端异常的捕获与处理

：尝试引用一个未被定义的变量时，将会抛出此异常 SyntaxError：语法解析不合理 TypeError：类型错误，用来表示值的类型非预期类型时发生的错误 URIError：以一种错误的方式使用全局...此时 catch 块会接收到一个包含错误信息的对象，这个对象中包含的信息因浏览器而异，但共同的是有一个保存着错误信息的 message 属性。...onOk 使用普通函数时，函数内执行语句的 this 上下文为 Antd.Modal 组件的实例，而 Antd.Modal 组件不存在 changeFilterType 这个方法。...，我们需要思考当错误发生时：错误是否是致命的，会不会导致其它连带错误后续的代码逻辑还能不能继续执行，用户还能不能继续操作是不是需要将错误信息反馈给用户，提示用户如何处理该错误是不是需要将错误上报服务端...因为 React 组件是声明性的，所以 try-catch 不是一个可靠的选项。为了弥补这一点，React 实现了所谓的错误边界。

3.3K3 0

ECMAScript 2020 新增功能速成

新的 dynamic import 语法看起来像一个函数（但不是），它返回 promise，这也意味着可以将其与 async/await一起使用。...由于它实际上不是在检查空值，而是在检查是否为“假”(https://developer.mozilla.org/zh-cn/docs/Glossary/Falsy)，因此它会以诸如 false 或 0（...const user = { name: "John" }; // Fails with `Uncaught TypeError: Cannot read property 'city' of undefined...1 === 1n; // => false 1n + 1; // throws Uncaught TypeError: Cannot mix BigInt and other types, use explicit...Promise.allSettled 还记得 Promise.all 函数吗？它仅在所有的 Promise 均得到解决时才会被解决。

7732 0

前端魔法堂——异常不仅仅是trycatch

ReferenceError，当引用未声明的变量时发生 SyntaxError，解析时发生语法错误 TypeError，当值不是所期待的类型时，null.f()也报这个错 URIError，当传递一个非法的...还没出大杀技呢——屏蔽异常、屏蔽、屏～～只有onerror函数返回true时，异常就不会继续向上抛(否则继续上抛就成了Uncaught Error了)。...，不让Uncaught(in promise) Error产生 e.preventDefault() }) 迟来的catch 由于Promise实例可异步订阅其状态变化，也就是可以异步注册catch...处理函数，这时其实已经抛出Uncaught(in promise) Error，但我们依然可以处理 var p = new Promise(function(resolve, reject){ setTimeout...- 状态为rejected的Promise实例 // @prop {String|Object} reason - 异常信息或rejected的内容 // Uncaught(in promise

1.4K7 0

前端魔法堂——异常不仅仅是trycatch

ReferenceError，当引用未声明的变量时发生 SyntaxError，解析时发生语法错误 TypeError，当值不是所期待的类型时，null.f()也报这个错 URIError，当传递一个非法的...还没出大杀技呢——屏蔽异常、屏蔽、屏～～只有onerror函数返回true时，异常就不会继续向上抛(否则继续上抛就成了Uncaught Error了)。...，不让Uncaught(in promise) Error产生 e.preventDefault() }) 迟来的catch 由于Promise实例可异步订阅其状态变化，也就是可以异步注册catch...处理函数，这时其实已经抛出Uncaught(in promise) Error，但我们依然可以处理 var p = new Promise(function(resolve, reject){ setTimeout...- 状态为rejected的Promise实例 // @prop {String|Object} reason - 异常信息或rejected的内容 // Uncaught(in promise

1.1K3 0

现代JavaScript—ES6+中的Imports，Exports，Let，Const和Promise

const number = 10; number = 20; // Uncaught TypeError: Assignment to constant variable....(function(result) { console.log(result); }); 如果sum不是一个数字，那么我们调用带有错误信息的reject函数，否则我们调用resolve函数。...此外，我们只能向resolve或reject函数传递一个值。...如果你想传递多个值到resolve函数，可以将它作为一个对象传递，如下: const promise = new Promise(function(resolve, reject) { setTimeout...，将会出现命名冲突，你实际得到的可能并不是你期望的值。

3.2K1 0

关于 JavaScript 错误处理的最完整指南(上半部)

Uncaught TypeError: button is null 除了这些内置错误外，在浏览器中还有： DOMException DOMError，现在已经废弃，不再使用了。...; } return string.toUpperCase(); } 这里我们检查函数参数是否为字符串。如果不是，我们抛出一个异常。...要创建一个生成器函数，我们在function关键字后面放一个*: function* generate() { // } 在函数内可以使用yield返回值： function* generate()...{ yield 33; yield 99; } 生成器函数的返回值是一个迭代器对象(iterator object)。...浏览器中异步操作有：定时器相关的函数、事件和 Promise。异步中的错误处理不同于同步的错误处理。我们来看一些例子。大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。

1.6K3 0

ES11屡试不爽的新特性，你用上了几个？

Promise实例包装成一个新的Promise实例。...同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值 let p1 = new Promise((resolve, reject) => {...) }).catch((error) => { console.log(error) // 失败了，打出 '失败' }) 「Promise.race」:返回一个promise，一旦某个Promise...BigInt console.log(1n + 2n) //3n console.log(1n - 2n) //-1n console.log(+ 1n) //Uncaught TypeError: Cannot...，允许我们匹配一个字符串和一个正则表达式，返回值是所有匹配结果的迭代器。

5411 0

ES11屡试不爽的新特性，你用上了几个？

实例包装成一个新的Promise实例。...同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值 let p1 = new Promise((resolve, reject) => {...) }).catch((error) => { console.log(error) // 失败了，打出 '失败' }) Promise.race:返回一个promise，一旦某个Promise触发...BigInt console.log(1n + 2n) //3n console.log(1n - 2n) //-1n console.log(+ 1n) //Uncaught TypeError: Cannot...，允许我们匹配一个字符串和一个正则表达式，返回值是所有匹配结果的迭代器。

6094 2

如何搭建前端异常监控系统

会触发一个 ErrorEvent 接口的 error 事件，并执行 window.onerror() 若该函数返回 true，则阻止执行默认事件处理函数。... ）加载失败，加载资源的元素会触发一个 Event 接口的 error 事件，并执行该元素上的 onerror() 处理函数。...('promise'); 结果：捕获异常：PromiseRejectionEvent {isTrusted: true, promise: Promise, reason: "promise", type...Vue.config.errorHandler = (err, vm, info) => { console.error('捕获异常：', err, vm, info); } React React16，提供了一个内置函数...ErrorBoundary> 注意错误边界不会捕获以下方面的错误：事件处理程序异步代码（例如 setTimeout 或 requestAnimationFrame 回调）服务器端渲染在错误边界本身（而不是其子级

1.2K0 0

如何搭建前端异常监控系统

会触发一个ErrorEvent接口的error事件，并执行window.onerror()。...若该函数返回true，则阻止执行默认事件处理函数。...>）加载失败，加载资源的元素会触发一个Event接口的error事件，并执行该元素上的onerror()处理函数。...('promise'); 结果：捕获异常：PromiseRejectionEvent {isTrusted: true, promise: Promise, reason: "promise", type...Vue.config.errorHandler = (err, vm, info) => { console.error('捕获异常：', err, vm, info); } React React 16，提供了一个内置函数

1.7K2 0

【JavaScript】JavaScript 几个标准阐述

ReferenceError - 函数参数重名：Uncaught SyntaxError ` 不建议使用 arguments 变量 : Uncaught SyntaxError JSON json 对象解析不是伴随着...bind()方法会创建一个新函数——绑定函数。...作用域问题 b = 'world' ;// Uncaught TypeError : const声明的变量不能再次赋值 console.log(window.a || global.a) ; undefined...js中代码的执行上下文由变量对象、作用域链和this值组成。但箭头函数与外层执行上下文共享this值。如果需要创建具有独立上下文的函数，就不要使用箭头函数。...生成器Generator Generator 不是针对对象上内容的遍历控制，而是针对函数内代码块的执行控制。我们可以使用yield关键字来分割一个函数的代码，使其成为多个不同的代码段。

2101 0

ECMAScript 2020(ES11) 的新特性总结

用户检测不确定的中间节点 BigInt：新基本数据类型，表示任意精度的整数 globalThis：浏览器：window、worker：self、node：global Promise.allSettled...() 用了实现按需导入， import()是一个类似函数的语法关键字，类似super()，它接收一个字符串作为模块标识符，并返回一个 promise 在 ES 2015 定义的模块语法中...2、空值合并运算符（?? ）大家可能遇到过，如果一个变量是空，需要给它赋值为一个默认值的情况。通常我们会这样写： let num = number || 222 但是，以上的代码会有一个 bug。...不过需要额外注意的是，该操作符并不会判断 a 是否是函数类型，因此如果 a 是一个其它类型的值，那么这段代码依然会在运行时抛出异常。...Math.pow(2n, 64n) // Uncaught TypeError: Cannot convert a BigInt value to a number 3、BigInt 和 Number

5822 0

小结ES6基本知识点(二)

无标题.png 主要内容： let、const命令解构赋值箭头函数模版字符串数组方法：map、filter、reduce Symbol Set和Map Class Module Promise...在ES6中，新定义了Symbol这种原始类型，主要是为了代表一个独一无二的值（每一个 Symbol 值都是不相等的）注意点： Symbol是一种原始类型，不是对象。...不论是没传params，还是传了参数params，params相等或者不相等，Symbol函数的返回值是不相等的。...TypeError: Cannot convert a Symbol value to a number s1 + 1; // Uncaught TypeError: Cannot convert...这意味着add两个空对象后，Set的size是2而不是1： let s1 = new Set({a:1},{b:1}) // Uncaught TypeError: object is not iterable

2.3K45 0

JavaScript错误处理完全指南

async function 当我们在页面中选择不存在的 HTML 元素时，也会发生 TypeError： Uncaught TypeError: button is null 除了这些传统的错误对象外...要创建一个生成器函数，我们在 function 关键字后加一个星号 *： function* generate() { // } 一旦进入函数，我们就可以使用 yield 来返回值： function*...generate() { yield 33; yield 99; } 生成器函数的返回值是迭代器（iterator）对象。...如果拒绝的 Promise 不是第一个出现在输入数组中的对象，则 Promise.race 解析： const promise1 = Promise.resolve("The first!")...它们将生成器函数与 async 结合在一起。结果是一个生成器函数，其迭代器对象将一个 Promise 暴露给消费者。

4.9K2 0

大厂高频手撕算法题

Array.prototype.myMap = function(fn) { // 判断输入的第一个参数是不是函数 if (typeof fn !...// PromiseA+ 2.2.7.3 如果onFulfilled不是函数且promise1状态是fulfilled，则promise2有相同的值且也是fulfilled状态...// PromiseA+ 2.2.7.4 如果onRejected不是函数且promise1状态是rejected，则promise2有相同的值且也是rejected状态 onFulfilled...then方法的对象，或根本就不是对象,Promise.resolve方法返回一个新的 Promise 对象，状态为resolved。...class Promise { // ... // 只要有一个实例率先改变状态，状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给回调函数。

1K6 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭