documentElementByIdを使わずとも、ID要素にJavaScriptからアクセスできちゃう件

SPONSORED LINK

Pocket

@fkoji先生に教わったのですが、次のようなコード、動いちゃうのですね。ちょっとびっくり。というか、常識ですか・・・?

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>TEST</title>
</head>
<body>
    <p id="lookatme">Me!</p>
    <script>
        lookatme.innerHTML = "it is now you looking at";
    </script>
</body>
</html>

これをブラウザで開くと、次のようになります(MaxOS XのChrome/Safari/Opera/Firefoxで再現。IEって何?)。

TEST

↑ そうだったのか・・・。

これって、つまりHTMLの方でid指定すると、グローバル変数になるってことですかね・・・。ちょっと調べたら以下のようなQ&Aも見つけてなるほど、と思いました。

» javascriptのdocument.getElementById – Yahoo!知恵袋

動作はするからいいかもですが、癖になっちゃうとあれかもですね・・・気をつけよう。

ツイッターもやっています!

SPONSORED LINK

  • Trackback are closed
  • Comments (0)
  1. No comments yet.