关于getElementsByTagName的遍历顺序
2024-08-31 15:43:06
关于getElementsByTagName的遍历顺序是怎么样的呢?
getElementsByTagName的遍历顺序是从HTML的页面从上到下遍历还是按照标签的嵌套顺序层层遍历的呢?
来做个小小的测试?
看代码!
<body>
<div>
<div>
<p>2</p>
<div>
<p>4</p>
<div>
<p>6</p>
</div>
<p>5</p>
</div>
<p>3</p>
</div>
<p>1</p>
</div>
<p>0</p>
<script type="text/javascript">
var op = document.getElementsByTagName("p");
op[0].style.backgroundColor="red";
</script>
</body>
如果getElementsByTagName的遍历顺序是按照标签的嵌套来遍历的,那么上面的代码运行的结果应该是 0对应那一行背景颜色会变成红色,
真实情况如图:
<p>0</p>位于HTML页面的最下层,所以如果想改变 0 的背景颜色应
结果如下:
可见getElementsByTagName的遍历顺序是从上到下!
最新文章
- C++ 引用计数技术及智能指针的简单实现
- IOC装配Bean(注解方式)
- iOS学习之观察者模式
- Bundle
- (整理)SQL server 2012 中文乱码与5030错误
- hip-hop初探
- Unity 小地图制作插件NJG MiniMap的简单使用
- C# 导出 excel 复杂格式 html导出
- 在.Net中将RocketMQ跑起来_入门篇【2】
- R学习笔记:了解R的使用
- redis5.0.4多实例安装
- linux 终端颜色代码
- 游标cursor案例
- WARN: Establishing SSL connection
- Windows平台下不同版本SVN对比
- [USACO09JAN]安全出行Safe Travel
- Eclipse无法编译,提示错误“找不到或者无法加载主类”解决方法
- ThreadLocal实现线程级上下文
- 2018.06.29 NOIP模拟 排列(线段树)
- Memcached 应用场景