DOM元素浅析

Posted gouhongqing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM元素浅析相关的知识,希望对你有一定的参考价值。

技术分享图片

优化

技术分享图片

实现不了。但这样操作却能实现

技术分享图片

原因:

首先oList是一个类数组,里面存储着很多项,而每一项都是一个对象数据类型的值。技术分享图片

 

技术分享图片

 而技术分享图片下的backgroundColor技术分享图片

是一个字符串格式的值。

所以得记住所有对象数据类型和所有引用数据类型都不是按值操作,都是按引用地址操作。

技术分享图片

 

 

 

 

 

 

原因:如果让离开后的选项属性直接=“c”+(i%3+1);i被利用到的时候已经是循环结束的值

技术分享图片

技术分享图片

 

 解决办法:

技术分享图片

 

 第二部分:选项卡的多重思路

假设要实现如图所示功能:技术分享图片

 

 技术分享图片

 

 

 

 技术分享图片

 需要用到自定义属性思想

 技术分享图片

 

技术分享图片

 

以上是关于DOM元素浅析的主要内容,如果未能解决你的问题,请参考以下文章

浅析html+css+javascript之间的关系与作用

shadow-dom浅析

DOM事件模型浅析

React事件机制源码浅析

浅析document和window的区别

jQuery 3.0的domManip浅析