我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的HtmlDom大专家?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道数据结构元素数组循环访问的方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>Good Job!</p>
<p>Hello!</p>
<p>陈老师的杰哥工作室</p>
<p>Hello!陈老师的杰哥工作室</p>
<h4>下面是循环输出上面的p元素</h4>
<script>
ChenJie=document.getElementsByTagName("p");
for (cj=0;cj<ChenJie.length;cj++)
{
document.write(ChenJie[cj].innerHTML);
document.write("<br>");
}
</script>
</body>
</html>
这儿要有个数据结构数组的概念,线性表一样的顺序数据结构由p元素组成,并循环遍历输出线性表1次。
循环遍历数组1次
ChenJie=document.getElementsByTagName("p")
搜索出所有p元素的数据结构,并赋值给一个叫ChenJie的变量。
ChenJie.length
调用ChenJie数据结构变量包含的length属性,length中存放的是数组的长度,在这儿是要循环的总次数。
for (cj=0;cj<ChenJie.length;cj++)
for是循环语句,当cj变量值小于ChenJie.length的值,就执行一次循环体。
花括号{}内是循环体。
{
document.write(ChenJie[cj].innerHTML);
document.write("< br >");
}
document.write(ChenJie[cj].innerHTML);
document.write输出innerHTML属性读取ChenJie数组[cj]下标包含的数据构结中的值。
document.write("< br >")
document.write输出一个"< br >"回车符。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html