URLに特定のハッシュタグがあるときにテキストを表示するにはどうすればよいですか？

Question

正しいIDだけを使用するとテキストを表示させることはできますか？それだけでhttp://example.com

を言うときURLは（私は、私は苦労記述を抱えている英語圏の国からじゃないhttp://example.com#helloと見えないと言うとき、いくつかのテキストにのみ表示されるように、これ。）

Answer 1

あなたはJavaScriptを使用してチェックURLがそれを持っているか、いない場合は、次にあなたが行動を追加または削除したい要素を選択しなければならないことのために...

var textElement = document.getElementById('myTextElement'); 
if(window.location.hash == '#hello'){ 
    textElement .style.display = 'block'; 
} else { 
    textElement .style.display = 'none'; 
} 

それが助けてくれることを願う。

Answer 2

if (window.location.hash == "#hello") { 
    document.getElementById("myElement").style.visibility = "visible" 
} else { 
    document.getElementById("myElement").style.visibility = "hidden" 
} 

あなたはおそらく要素を取得し、代わりにDOMに両方の時間を呼び出すの変数に設定したいが、あなたはここにアイデアを得る必要があります。また、visibilityプロパティの代わりにdisplay: noneを使用することもできます。

Answer 3

私は、これは純粋なCSSで行うことができると思う：

<div id="test">Can you see me?</div> 

<style> 
    #test{opacity:0;} 
    #test:target{opacity:1} 
</style> 

http://jsbin.com/dorazeyumu/edit?output