phpファイルに書いたidをｊｓで取得する法方

現在、phpファイルにhtmlを書いてその中のタグにidを埋め込みました。
このidをjsのgetelementByIdで取得したいのですが、できません。
普通のhtmlファイルではできるのですが、phpファイルの場合はできないのでしょうか？
また、別のやり方があれば教えていただけますと幸いです。
宜しくお願いいたします。
現在、phpファイルにhtmlを書いてその中のタグにidを埋め込みました。
このidをjsのgetelementByIdで取得したいのですが、できません。
普通のhtmlファイルではできるのですが、phpファイルの場合はできないのでしょうか？
また、別のやり方があれば教えていただけますと幸いです。
宜しくお願いいたします。```php
コード

<!doctype html> <html lang="ja"> <head> <meta charset="ja"> <title>WEBサイト構築</title> <link rel="stylesheet" href="index.css"> 　<script type="text/javascript" src="info.js"></script> </head> <body> <header> <h1>My EC Site</h1> <form action="insert.php" method="post" name="loginForm"> user name:<input type="text" name="username" class="logintext"> password:<input type="text" name="password" class="logintext"> <input type="submit" value="login" id="loginbtn"> </form> </header> <main> <table border="solid" id="cart"> <tr><th>ID</th><th>商品名</th><th>価格</th><th>注文数</th><th>カート</th></tr> <?php mb_internal_encoding("utf-8"); $pdo=new PDO("mysql:dbname=ecsite;host=localhost;","root",""); $goods_sql="select * from goods"; $stmt=$pdo->query($goods_sql); while($row=$stmt->fetch()){ echo "<tr>"; echo "<td>".$row['id']."</td>"; echo "<td>".$row['goods_name']."</td>"; echo "<td>".$row['price']."</td>"; echo "<td>"; echo "<select id='count'>"; echo "<option>"."値を入れてください"."</option>"; for($i=0; $i<100; $i++){ $option=$i; echo "<option>"; echo $option; echo "</option>"; } echo "</select>"; echo "</td>"; echo "<td>"; echo "<button id='cartbtn'>"."追加"."</button>"; echo <<<EOM <style> #cartbtn{ border-radius:3px; box-shadow:black; padding-right:12px; text-align:center; } </style> EOM; echo "</td>"; echo "</tr>"; } ?> </table> <div id="cartlist"> <table border="solid"> <tr> <th>ID</th><th>商品名</th> <th>価格</th><th>注文数</th><th>カート</th> </tr> <tr></tr> </table> <input type="button" value="購入" id="buybtn"> <input type="button" value="履歴" id="historybtn"> </div> </main> </body> </html> ```

m.ts10806

2021/06/09 21:16

まずどういうコードを書いたんでしょうか。 PHPの問題なじゃなくHTML、JavaScriptの話のように見えます。「できない」コードを提示してください。そこに勘違いしているところがあれば、アドバイスの方向性も決まりますが今だと「できる」としか言えません。「別のやり方」を求めてる割に「今やってるやり方」が書かれてないので案も何も提示しようがないです。

markun6250

2021/06/10 14:59

回答ありがとうございます。初めて投稿したもので勝手がわからず申し訳ありません。一応張り付けることができたので更新したのですが、上記のコードになります。

m.ts10806

2021/06/10 20:10

マークダウンのcode難しい方はこちら参考に https://teratail.com/questions/238564

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

回答2件

ベストアンサー

現在、phpファイルにhtmlを書いてその中のタグにidを埋め込みました。
このidをjsのgetelementByIdで取得したいのですが、できません。
普通のhtmlファイルではできるのですが、phpファイルの場合はできないのでしょうか？

出来ます。
JavaScriptから見た場合、PHPで出力されたHTMLとただのHTMLは全く同じものなので、
普通のHTMLと同じ内容がPHPによって表示されているのであれば結果は同じになります。

そうなっていないということは、おそらくはPHPに問題があってid部分かそれ以外の部分がきちんと出力できていないんだと思われます。

ブラウザ上右クリックからHTMLソースを表示して、想定しているHTMLが出力されているか確認してみてください。

PHP デバッグ方法あたりで検索して、PHPのデバッグ方法を調べてみると効率の良いデバッグが出来るようになるのでお勧めです。

投稿2021/06/09 16:04

tanat

総合スコア18727

markun6250

2021/06/10 15:01

回答ありがとうございます。初めて投稿したもので勝手がわからず申し訳ありません。一応張り付けることができたので更新したのですが、上記のコードになります。デバッグの方法を検索してみたのですがよくわかりませんでした。

tanat

2021/06/10 15:13

回答の繰り返しになりますが、まずは、ブラウザ上右クリックからHTMLソースを表示して、想定しているHTMLが出力されているか確認してみてください。想定と違っているはずです。正しいHTMLが想定出来ないのであれば、先に正しいHTMLを自力で書いてみることをクリアする必要があります。また、デバッグ方法は開発において何より重要なので、初学者向け教材やトライ&エラーで学んで下さい。 (今使っている教材にデバッグ方法が扱われていなければ、その教材は初学者向けではないので別の教材を探すことをお勧めします)

tanat

2021/06/10 15:38

> 現在、phpファイルにhtmlを書いてその中のタグにidを埋め込みました。 > このidをjsのgetelementByIdで取得したいのですが、できません。ざっとソースを読む限り、そのような作りになっているところが見当たりません。なのでまずは 1. PHPを使わずに理想的なHTMLとJavaScriptだけでgetelementById()が動くようにする 2. PHPでそのHTMLを再現するという様な順序で進めてみてください。少なくとも1が出来ない限り、2は実現できません。 1を実施する過程で不明な点があればこの質問に追記するか、この質問を一旦終了させて新しい質問を立ててください。

markun6250

2021/06/13 14:11

いろいろ自分で見た結果、widow.onloadをさきに書いたら解決することができました。どうやらjsが先に実行されてしまってgetelementbyidになにも入らなかったみたいです。真意になっていただいてありがとうございました。

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