元素访问实例01——免费HtmlDom极速入门

72 阅读1分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。

突然女粉丝问:“陈老师!听说你是公司里的HtmlDom大专家?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道元素访问实例怎么用吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。

<!DOCTYPE html>
<html>
<body>
<p>标签1,Hello 陈老师的杰哥工作室!</p>
<p>标签2,我是杰哥!</p>
<p>标签3,一共有3个标签</p>
<script>
ChenJie=document.getElementsByTagName("p");
document.write("这儿读取第2个标签重写入: " + ChenJie[1].innerHTML);
</script>
</body>
</html>

document.getElementsByTagName("p"), 读取页面上所有P元素。

ChenJie=document.getElementsByTagName("p"); 读取页面上所有P元素,并赋值给变量ChenJie。

实际上getElementsByTagName("p"),是把整个p数据结构赋值给了ChenJie。
所以 ChenJie[0~1],存放不同的数据结构p。

 ChenJie[1] 能读取到数组含3个p元素,数组从0 ~ 2一共是3个,ChenJie[ 0~2 ]中[ 1 ]就是第二个p元素。

ChenJie[1].innerHTML 把ChenJie[1]中存放的内容通过innerHTML属性写入某个元素中。

document.write("这儿读取第2个标签重写入: " + ChenJie[1].innerHTML) 把字符串和ChenJie[1]内容重新在写入一次。

杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html