使用變量簡化javascript

if (this.firstChild.style.display == 'none') 
{this.firstChild.style.display = 'block'} 
else 
{this.firstChild.style.display = 'none'};

是否可以使用變量縮短此代碼？使用變量簡化javascript

來源

2012-05-19 пацан

可以縮短這樣的：

var a = this.firstChild.style; 
a.display = (a.display=='none'?'block':'none');

來源

2012-05-19 08:15:15 Teneff

這將分配字符串'塊'的變量'a'，而不是元素的屬性'顯示' – KooiInc

@KooiInc是的，你是對的，我編輯了我的代碼 – Teneff

var childStyle=this.firstChild.style; 
if (childStyle.display == 'none'){ 
    childStyle.display = 'block'; 
} 
else{ 
    childStyle.display = 'none'; 
}

將是等同的。

可以縮短在進一步使用三元操作像

var childStyle=this.firstChild.style; 
childStyle.display=(childStyle.display=='none')?'block':'none';

來源

2012-05-19 08:14:13 Niranjan

這將字符串「塊」的變量'childStyle'分配，而不是財產'display'元素的 – KooiInc

哦，我不打算這樣做。 – Niranjan

如果你去的jQuery比它縮短比這

$("div span:first-child").toggle();

或

$(this).find(">:first-child").toggle();

來源

2012-05-19 08:16:08

這將添加一個> 60KB的JavaScript文件。：D。 – Niranjan

jQuery幾乎總是要走的路。 –

是的，我同意。 :-)。 – Niranjan

嘗試：

var elstyle = this.firstChild.style; 
elstyle.display = /block/i.test(elstyle.display) ? 'none' : 'block'

來源

2012-05-19 08:21:13 KooiInc

哦，不，你讓它變得複雜。：D – Niranjan

它有什麼複雜的？ OP詢問：*是否可以使用變量*縮短此代碼。這是一個答案。 – KooiInc

至少交換三元組並測試正面 – mplungjan

順便說一句，這會是另一種選擇？

with this.firstChild.style.display{this=(this=='none')?'block':'none';}

來源

2012-05-19 08:22:24

不建議使用_with_ – mplungjan

使用變量簡化javascript

回答

相關問題