Javascript (基本的なこと003)
今回、基本的な内容としてjavascriptでのHTML要素の取得というものを試してみる。
次のサンプルを作って動かしてみた。
<head>
<script>
window.onload = function(){
var elem= document.getEIementById("sample");
console.dir(elem.textContent);
}
</script>
</head>
<body>
<p id="sample">要素を取得<p>
</body>
なぜかエラーが出る。初めに何か宣言が必要なのかな。
SCRIPT438: Object doesn't support property or method 'getEIementById'
動かしていたのがMicrosoft Edgeだったので、Google Chromeで動かしてみると、別の表現でエラーでた。
Uncaught TypeError: document.getEIementById is not a function at window.onload
デバッガで見てみるとまあgetElementByIdのところでエラーになっているよう。エラー文通りだが...
エラー文を読むと、documentオブジェクトがgetElementByIdをサポートしていないと出ているけど、MDN web docsのページで確認すると、サポートされているはず。文法的におかしなところがあるのかな。
と、悩んでいたけどよく見たら、getElementがgetEIementになってた。直したらちゃんと動いた（コンソール画面で「要素を取得」と出た）。
本からプログラムの勉強すると、こういった書き写しのミスとかあるから嫌になる。まあ、解決したし次に進む。
