プロが教える店舗&オフィスのセキュリティ対策術

お世話になります。
最近、javascriptの勉強を始めたたのですが、
以下の違いがよくわかりません。

-------------------------------------------------------
<html>
<head><title>Test</titile></head>
<body>
<div id='wrapper'></div>
</body>
</html>
<script language='javascript'>
function aaa() {
document.getElementById("wrapper").style.display
= "none";//---(1)
wrapper.style.display = "none";//---(2)
}
</script>

(2)は、document等省略してますが、その違いは無視して
頂ければと思います。

(1)でわざわざgetElementByIdを使用してid要素を取得
するメリットがわかりません。

初心者の質問で申し訳ありませんが、よろしくお願い致します。

A 回答 (1件)

>wrapper.style.display = "none"; //---(2)



これは典型的なダメな例ですね。
うごくかどうかはブラウザ依存ですね。

>(1)でわざわざgetElementByIdを使用してid要素を取得
>するメリットがわかりません。

こちらの方が標準的な仕様です。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!