按鈕上的擾流板

我試圖在按鈕上製造擾流板。它只適用於JSFIddle。但它並不HTML文檔中工作：按鈕上的擾流板

HTML：

<button onclick="showSpoiler(this);" style="outline: none;" >Spoiler</button> 

<span class="inner" style="display:none;"> 
    This is a spoiler! 
</span>

window.showSpoiler = function (obj) 
{ 
    var inner = obj.parentNode.getElementsByTagName("span")[0];  
    if (inner.style.display == "none") 
    {  
     obj.style.display = "none"; 
     inner.style.display = ""; 
    } 
    else 
     inner.style.display = "none"; 
    } 
}

來源

2014-03-26 Dj.Sunrise

定義「它不工作」。 –

http://jsfiddle.net/k5d98/這是小提琴。請在你的問題上更具體。任何錯誤？應用程序中的任何不當行爲？任何細節都可以幫助我們幫助你.D – Hoijof

正如我之前所說的。它在jsfiddle中運行良好。但在html文檔中沒有任何操作。當您點擊按鈕 –

問題：
您的網站上沒有任何<span>元素，而您的破壞者onclick正在搜索該元素。 inner.style.display您正在嘗試訪問inner（它是undefined，因爲找不到）的style屬性，因此出現錯誤。

解決方案：

變化
var inner = obj.parentNode.getElementsByTagName("span")[0];
到
var inner = obj.parentNode.getElementsByTagName("div")[0];

希望它能幫助！

來源

2014-03-26 12:10:04

哦，你真好 –

按鈕上的擾流板

回答

相關問題