js removeChild 障眼法 可能出现的错误
作者:bea
有结构: 代码如下: <ul id="demo"> <li>a</li> <li>b</li> <li>c</li> </ul> 如果运行代码1: 代码如下: var ul = document.getElementById('demo'); var liList = ul.getElementsByTagName('li'); for (var i =
有结构:
代码如下:
<ul id="demo">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
如果运行代码1:
代码如下:
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < = liList.length; i++) {
ul.removeChild(liList[i]);
}
如果和我一样被欺骗了,那么看看正确的代码就明白原因啦!
代码如下:
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
var lilength = liList.length;
for (var i = 0; i < lilength; i++) {
ul.removeChild(liList[0]);
}
有用 | 无用
代码如下:
<ul id="demo">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
如果运行代码1:
代码如下:
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < = liList.length; i++) {
ul.removeChild(liList[i]);
}
如果和我一样被欺骗了,那么看看正确的代码就明白原因啦!
代码如下:
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
var lilength = liList.length;
for (var i = 0; i < lilength; i++) {
ul.removeChild(liList[0]);
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 学习ExtJS table布局
- 学习ExtJS accordion布局
- 学习ExtJS form布局
- 学习ExtJS fit布局使用说明
- 学习ExtJS border布局
- 学习ExtJS Column布局
- 学习ExtJS 访问容器对象
- 学习ExtJS Window常用方法
- 学习ExtJS Panel常用方法
- 学习ExtJS TextField常用方法
- 学习ExtJS(二) Button常用方法
- 学习ExtJS(一) 之基础前提
- JavaScript 控制文本框的值连续加减
- 兼容多浏览器的JS 浮动广告[推荐]
- CSS 布局一个漂亮的滑块
- CSS 美化表格边框为凹陷立体效果的实现方法
- JavaScript 接收键盘指令示例
- JavaScript 浮点数运算 精度问题
- 面向对象的javascript(笔记)