gpt4 book ai didi

php 中的 javascript 代码无法访问 html 元素。 document.getElementById 不工作

转载 作者:行者123 更新时间:2023-11-30 16:35:18 25 4
gpt4 key购买 nike

php 脚本中的

document.getElementById("n") 无法访问 html 中带有 id="n" 的段落。该段落的内部 html 未更改。我也尝试过使用 jQuery,但它也无法更改 innerHTML

<?php
$username="root";
$password="";
$servername="localhost";
$database="mydb";
$conn=mysqli_connect($servername,$username,$password,$database);
if(!($conn)){
die(mysqli_connect_error());
}
$sql="select passenger from place where source='chennai' and destination='bengaluru'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0){
echo '<script>document.getElementById("n").innerHTML="Do Something";</script>';
}
mysqli_close($conn);
?>
<html>
<head lang="en-us">
<title>Cards</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/materialize.min.js"></script>
<script src="jquery-1.11.3.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="demo_css.css">
</head>
<body>
<p id="n"></p>
<div class="container" id="con">
<div class="card hoverable">
<div class="card-content waves-effect waves-block waves-light">
<h1 class="card-title activator grey-text text-darken-4" id="content"></h1>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Passengers<i class="material-icons right">close</i></span>
</div>
</div>
</div>
</body>
</html>

最佳答案

document.getElementById('n')的原因什么都不返回,它是在加载其余 html(包括您尝试获取的元素)之前执行的。

所以你有几个选择:

  1. 将您的 javascript 放在 html 下方(最好在关闭 </html> 之前)。这样它将在 元素加载到 DOM 中后执行。

  2. 使用一个在加载 DOM 时触发的函数,并将您的 js 代码放在那里。

2.1。一种方法是使用 jQuery 的 $(document).ready() :

$(document).ready(function() {
document.getElementById("n").innerHTML="Do Something";
}

2.2。该 SO-Post 中描述了一些普通的 JS 方法: pure JavaScript equivalent to jQuery's $.ready() how to call a function when the page/dom is ready for it

关于php 中的 javascript 代码无法访问 html 元素。 document.getElementById 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32786339/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com