Javascript存储DOM HTML元素参考

时间:2018-06-21 10:29:20

标签: javascript

我正在使用Javscript代码工作,经常使用.querySelector()方法进行某些DOM操作,

例如:

Fn1(){
    myview.querySelector('.tab1').classList.add('active');
    myview.querySelector('.tab2').classList.remove('active');
}

Fn2(){
    var mylist = "<div>somelist</div>";
    myview.querySelector('.tab1').appendChild(mylist);
}

Fn3(){
    var tab1 =  myview.querySelector('.tab1')
    tab1.querySelector('.xyz').addEventListener('click', search.bind(null, myview));     
}

myview.querySelector('.tab1') 已使用了很多次,所以我想将

之类的公共变量存储在我的Class中
var tab1 = myview.querySelector('.tab1'); 

因此任何功能都可以随时使用它。在这里,我的疑问是“如果将DOM对象引用存储在Javscript变量中,会出现任何缺点或性能问题吗?”

0 个答案:

没有答案