javascript - 单击时更改按钮文本

我有这行代码

<?php
$STRING .= '<a href="#" onclick="changeText(this)" class="btn btn-info btn-lg"></a>';
?>

<script>
function changeText(id) {
id.innerHTML = "Ooops!";
}
</script>

效果很好，按钮文本更改为Oooops

我希望按钮文本更改为的输出

 $data = get_user_meta( $authorID, 'cellno', true);

我改变了

id.innerHTML = "Ooops!";

至

id.innerHTML = "$data = get_user_meta( $authorID, 'cellno', true)";

要么

id.innerHTML = "$data";

但它不起作用:(，我在做什么错？

编辑：
这就是我承担数据功能的地方

 $data = get_user_meta( $authorID, 'cellno', true);
        if(strlen($data) > 0){
        echo "<span><i class='fa fa-phone'></i> <a href='phone:".$data."' rel='nofollow' target='_blank'>Mobile</a> </span>";
        }

它会改变事情吗？

$ data来自另一个文件：D

最佳答案

这是您实际上不应该执行的操作，因为您有内联javascript和php输出的<script>标记。您应该将JavaScript放在单独的文件中。

但是，以下是解决您要执行的操作的方法：

<?php
$STRING .= '<a href="#" onclick="changeText(this)" class="btn btn-info btn-lg"></a>';
$data = get_user_meta( $authorID, 'cellno', true);
?>

<script>
function changeText(id) {
id.innerHTML = <?php echo $data;?>;
}
</script>

关于javascript - 单击时更改按钮文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28236560/