js报错之item.getAttribute is not a function

最新推荐文章于 2022-07-12 16:23:44 发布

Shirley~~

最新推荐文章于 2022-07-12 16:23:44 发布

阅读量2.3k

点赞数

分类专栏： js学习文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_45866961/article/details/124998518

版权

js学习专栏收录该内容

15 篇文章

订阅专栏

本文记录了一次JavaScript编程中遇到的getAttribute方法错误的问题排查过程。作者尝试从代码中获取一个不存在的属性值，并最终发现该属性未被正确设置。通过逐步调试定位问题，为读者提供了一个实用的调试技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码报错
在这里插入图片描述
解决过程
我想获取item下的属性changePrice，报错
item.getAttribute is not a function，
我就用console.log(item.getAttribute(‘changePrice’));想打印出来这个结果，但是为空，价格非法

我就去打印上一步的item,一步一步的向上找，最后发现自己的dd容器里面没有这个属性，我只是将js文件里面的数据引用过来而已，没有设置这个changePrice
建议大家如果报错，先查找自己这个里面是否设置这个属性
代码附上

ddNode.setAttribute('changePrice',item.changePrice);

function priceSum(arr){
		// 获取原始价格
		// console.log(arr);
		var price = goodData.goodsDetail.price;
		// 获取价格容器
		var priceNode = document.querySelector('.mainCon .chooseWrap .priceWrap .priceTop .price em');
		arr.forEach(function(item){
			// 在这个循环中 item对应的是 传入数组当中存储的每一个dd元素
			// console.log(item);
			// console.log(item.getAttribute('changePrice'));
			if(item){
				// console.log(item.changePrice);
				price += parseInt(item.getAttribute('changePrice'));
			}
			console.log(price);
		})
		priceNode.innerHTML = price;
	}