重複の可能性:
jQuery または `getElementById` などの DOM メソッドが要素を見つけられないのはなぜですか?
私はjsを学ぼうとしていますが、非常に単純な例を機能させるのに苦労しており、間違っていることを見つけることができません。以下の例がうまくいくはずだと私は理解しています。2番目のボタンをクリックすると、関数f2が呼び出され、アラートとして「バットマン」が出力されるため、JavaScriptページが正しくリンクされていることがわかります。しかし、最初のボタンをクリックしても何も起こりません。
HTML:
<head>
<script type="text/javascript" src="Positioning and flow tests.js"></script>
</head>
<body>
<p id="par1">Test</p>
<button onclick="f1()">Click me for par 1 content</button>
<button onclick="f2()">Click me for predefined text</button>
</body>
</html>
Javascript
// JavaScript Document
var var1 = document.getElementById("par1");
function f1()
{
alert(var1.innerHTML);
}
function f2()
{
alert("batman");
}