84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
大神晚上好,请帮我看看我的函数为什么不能执行呢?情况说明:由于p中的table是通过ajax加载过来的,函数的目的是判断有没有这table,如果有则让其背景变红,没有的话,就1秒后再执行以下这个函数,但是现在当table已经加载显示后,find()函数并没有让table变红(报错:Uncaught RangeError: Maximum call stack size exceeded)先谢谢大神们了!
因为你用p.getElementsByTagName('table')[0]这个取到的是一个DOM对象,由于DOM对象没有.length属性,所以target.length其实是未定义的。而undefined > 0的值一直是false,所以你会无限次地调用else分支,所以也就会添加无数次的find(p)绑定。所以浏览器提示find调用次数超出最大限制。
p.getElementsByTagName('table')[0]
.length
target.length
undefined > 0
false
else
find(p)
find
正确的做法是让target为p.getElementsByTagName("table"),这才是一个数组,才有.length的值。
target
p.getElementsByTagName("table")
代码:方案1:(判断取到所有table的数组长度,并取第一个操作)
function find(p) { var target = p.getElementsByTagName("table"); if (target.length > 0) { target[0].style.background = 'red'; } else { setTimeout(function() { find(p); }, 1000) } };
方案2:(直接判断table,并直接操作取到的table)
function find(p) { var target = p.getElementsByTagName("table")[0]; if (target) { target.style.background = 'red'; } else { setTimeout(function() { find(p); }, 1000) } };
target.length target 是 table, table.length 是什么?
参考一下
function find(p) { var interval = setInterval(function () { var target = p.getElementsByTagName("table")[0] if (target) { clearInterval(interval) target.style.background = 'red' } }, 1000) }
因为你用
p.getElementsByTagName('table')[0]
这个取到的是一个DOM对象,由于DOM对象没有.length
属性,所以target.length
其实是未定义的。而undefined > 0
的值一直是false
,所以你会无限次地调用else
分支,所以也就会添加无数次的find(p)
绑定。所以浏览器提示find
调用次数超出最大限制。正确的做法是让
target
为p.getElementsByTagName("table")
,这才是一个数组,才有.length
的值。Update
代码:
方案1:(判断取到所有table的数组长度,并取第一个操作)
方案2:(直接判断table,并直接操作取到的table)
target.length
target 是 table, table.length 是什么?参考一下