替换现有的HTML元素？

Question

目前我正在尝试替换一个简单的HTML元素来提醒用户他们输入的密码/用户名不存在。 我是编程的新手，我不确定我在做什么不是因为它不起作用或因为我在某处制造和出错而无法正常工作。

这是Php代码摘录：

if($player['id'] == false)
echo "
<script>
document.getElementById('alert').innerHTML='That username does not exist.'; 
</script>
";

然后更进一步，我在HTML中有这个：

<p id="alert">Enter your Username and Password Above.</p>

我正在尝试用“用户名不存在”位替换“输入您的用户名”部分。 这是最好的方式吗？

Answer 1

我认为实现这一目标的最佳方式是

让你的消息像这样

$message = "Enter your Username and Password Above.";

if($player['id'] == false){
   $message = "That username does not exist.";
}

并在html中使用它

<p id="alert"><?php echo $message; ?></p>

Answer 2

<script type='text/javascript'>  
    document.getElementById('alert').innerHTML='That username does not exist.'; 
</script>

我想这是因为你还没有定义脚本的类型
也许你可以尝试上面的代码

更新
为了您的信息，如果您要求javascript按ID查找元素，则需要确保该元素存在，因此，您需要将上述脚本放在id为“alert”的html元素下

Answer 3

这应该工作。 但我无法测试这个。

<?php if($player['id'] == false) { ?>
 <script type='text/javascript'>  
      document.getElementById('alert').innerHTML='That username does not exist.'; 
 </script>
<?php } ?>