javascript ラベル値変更

javascriptで以下の事で詰まっています。
PHPからjavascript関数を呼びだしています。javascriptでラベルを変更したいページとは別のファイルです。
var labelObj = parent.document.getElementById( "label1" );
labelObj.innerHTML = var1;

このようにしていますが、値が変わりません。

なぜでしょう。

こちらが、メインで表示を行うファイル

HTML
1<form method="POST" target="fr1" action="detail-search.php" name="fr1" id="fr1">
2                      ・
3                      ・ 
4                      ・
5<li><input type="checkbox" name="1"  id="1" value="審査最短30分" onChange=" this.form.submit()" checked />
6<div id = "label1">0</div></LABEL></span>件 Hit!</div>

detail-search.php

PHP
1print<<<EOF
2<script type="text/javascript" src="check.js"></script>
3EOF;
4<script type="text/javascript">
5check();
6</script>
7

check.js

javascript
1function check(var1){
2document.getElementById("label1").textContent = '変えました';
3}

エラー内容
未定義または NULL参照のプロパティー・・・

kei344

2016/12/05 16:05

「PHPからjavascript関数を呼びだしています」とはどのような構成でしょうか。詳しくお書きください。

chNOBUNAGA

2016/12/05 16:09

iframを用いて、actionでPHPを呼び出しています。そのPHPからjavascriptファイルを読み込み実行をしております。

kei344

2016/12/05 16:38

質問文のコードをPHPコードとして動かしているのでしょうか？

chNOBUNAGA

2016/12/05 22:56

いやこちらは、javascriptのファイルです。

退会済みユーザー

2016/12/05 23:45

開発コンソールでエラーを確認しよう

mit0223

2016/12/06 03:08

getElementById が成功しているかどうか確認してください。開発コンソールで labelObj.innerHTML へのアクセスに対するエラーが出てなければ getElementById は成功していると言えると思います。id="label1" となっている要素のHTMLを追記してください。実行時の var1 の値を追記してください。

mit0223

2016/12/06 07:39

小さいことなんですが、「PHPからjavascript関数を呼びだす」というのは厳密には「PHPで生成したHTMLページから javascript関数を呼びだす」ですよね。できれば、修正していただいたほうが回答を得やすいと思います。また、「javascriptでラベルを変更したいページとは別のファイルです。」というのは何と何が別のファイルなのか追記していただけますでしょうか。

行動規範の内容に同意します

回答1件

エラー内容

未定義または NULL参照のプロパティー・・・

これは、textContent の参照に対してでているのでしょうか？
そうであれば、 getElementById に失敗しているのだと思います。

掲載していただいたプログラムが断片なので、どのように動かそうとしているのかわかりませんが、
form の action で指定した PHP で HTML を生成しているようには見えません。
form をサブミットすると真っ白になってしまいませんか？

ボタンを押すとスクリプトが動くようにしたいのであれば、form の submit ではなく、 button の onClick イベントなどで処理するべきだと思います。この場合、PHPは関係ありません。PHPからJavascript を呼び出すことはできません。PHPで生成したHTMLの中から onClick などのイベントハンドラとして Javascript を呼び出します。ここを正確に理解される必要があると思います。

例：

html
1<!doctype html>
2<html>
3<head>
4  <title>test</title>
5</head>
6<body>
7  <div><input type="checkbox" name="check1"  id="ckeck1" onClick="check(1)" >チェック1</input></div>
8  <div><input type="checkbox" name="check2"  id="ckeck2" onClick="check(2)" >チェック2</input></div>
9  <span id = "label1">0</span>
10<script>
11function check(var1){
12  document.getElementById("label1").textContent = var1;
13}
14</script>
15</body>