                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /側(cè)邊欄信息展示效果

this.el.addEventListener 問題

sideBar.js:8 Uncaught TypeError: Cannot read property 'addEventListener' of null

言長(zhǎng)寸短

2016-08-26

源自：側(cè)邊欄信息展示效果 3-1

關(guān)注問題我要回答

1922

操作

收起

5 回答

言長(zhǎng)寸短提問者
2016-09-05

(function(){

??var?SideBar=function(eId,closeId){

???this.state="opened";

???this.el=document.getElementById(eId||'sideBar');

??

???this.closeBar=document.getElementById(closeId||'closeBar');

???var?self=this;

???this.el.addEventListener('click',function(event){

????if?(event.target?!==?self.el){

??????self.triggerSwitch();?????

????}?

???});

??};

??SideBar.prototype.triggerSwitch=function(){

???if?(this.state==="opened")?{

????this.close();?????

????

???}else{

????this.open();

????

???}

??};

??SideBar.prototype.close=function(){

???this.state="closed";

??};

??SideBar.prototype.open=function(){

???this.state=="opened";

??};

??

??var?sidebar=new?SideBar();

??

?})();

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

夕顏egao

你最好把你的代碼放在window.onload里面或者最后，有可能是在js加載在id這個(gè)dom前了，這個(gè)時(shí)候的eId是undefined，所以這個(gè)時(shí)候用addeventlistener為null

2017-02-21 回復(fù) 有任何疑惑可以回復(fù)我~

寫代碼的阿木木
2016-08-28

你把所有的都給我，給我一部分我也沒法調(diào)

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

寫代碼的阿木木
2016-08-27

if (this.state==="opened") {this.close（）;}else{this.open（）;}};

方法要加括號(hào)?

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

言長(zhǎng)寸短提問者

這個(gè)不影響的

2016-08-28 回復(fù) 有任何疑惑可以回復(fù)我~

#2

言長(zhǎng)寸短提問者

問題依舊存在

2016-08-28 回復(fù) 有任何疑惑可以回復(fù)我~

言長(zhǎng)寸短提問者
2016-08-26

見圖

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

寫代碼的阿木木
2016-08-26

貼源碼

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

言長(zhǎng)寸短提問者

this.state="opened"; this.el=document.getElementById(eId||'sideBar'); alert(this.el); this.closeBar=document.getElementById(closeId||'closeBar'); var self=this; this.el.addEventListener('click',function(event){ if (event.target !== self.el){ self.triggerSwitch();

2016-08-26 回復(fù) 有任何疑惑可以回復(fù)我~

#2

言長(zhǎng)寸短提問者

SideBar.prototype.triggerSwitch=function(){ if (this.state==="opened") {this.close;}else{this.open;}}; SideBar.prototype.close=function(){this.state="closed";}; SideBar.prototype.open=function(){this.state=="opened";}; var sidebar=new SideBar();

2016-08-26 回復(fù) 有任何疑惑可以回復(fù)我~