替换现有的 HTML 元素？答案

【问题标题】：Replacing an existing HTML element?替换现有的 HTML 元素？
【发布时间】：2012-12-28 03:42:00
【问题描述】：

目前我正在尝试替换一个简单的 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>

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

【问题讨论】：

一旦页面加载完毕，服务器将不会与客户端交互，除非您通过 ajax 之类的方式开始新的连接。

标签： javascript php html

【解决方案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>

【讨论】：

【解决方案2】：

这应该可以。但我无法对此进行测试。

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：