Can'；不要在PHP内部单击更改字体颜色&；Javascript

我只想用函数更改href中的字体颜色。但我似乎对quot感到不安

这是我的代码：

<script>
    <?php foreach($locations AS $loc) { //you could replace this with your while loop query ?>
            var x = '<?php echo $loc['tgl'];?>';
                addMarker(<?php echo $loc["lat"]; ?>, <?php echo $loc["ltd"]; ?> ,'<?php echo $loc["order"]; ?>',x );
                document.getElementById('left').innerHTML += "<?php echo "<li><a href='#' id='".$loc['order']."' onClick='changeColor('".$loc['order']."');return false;'>".$loc["order"]."</a></li>";?>";
            <?php } ?>
</script>

var x=“”；
添加标记（，''，x）；
document.getElementById（'left'）。innerHTML+=“”；

这就是功能：

<script>
    function changeColor(id)
    {
      document.getElementById(id).style.color = "#1FFF48"; // forecolor
    }
</script>

函数更改颜色（id）
{
document.getElementById（id）.style.color=“#1ff48”//forecolor
}

---

我只在HTML中尝试了一下，它成功了。但是在javascript里面我很困惑。有什么帮助吗？

像这样使用，它会工作的

<?php $order="onClick=changeColor('".$loc['order']."');return false;";  ?>
    document.getElementById('left').innerHTML += "<?php echo "<li><a href='#' id='".$loc['order']."' $order >".$loc["order"]."</a></li>";?>";

---

生成代码后

<li><a href='#' id='order1' onClick='changeColor("order1");return false;'>Order1</a></li>
<li><a href='#' id='order2' onClick='changeColor("order2");return false;'>Order2</a></li>

这与kim的答案相同，但请尝试在脚本标记中使用eventlistener。这个有用

HTML




剧本

<script>
document.getElementById("order1").addEventListener("click",changeColor);
document.getElementById("order2").addEventListener("click",changeColor);

 function changeColor() {
    this.style.color = "#cecece";
    return false;
 }
</script>


document.getElementById（“order1”）.addEventListener（“单击”，更改颜色）；
document.getElementById（“order2”）.addEventListener（“单击”，更改颜色）；
函数changeColor（）{
this.style.color=“#cececece”；
返回false；
}
我要试试这段代码，它工作得很好。检查生成的id是否正确。抱歉，它无法正常工作。结果是：
太棒了！非常感谢你！欢迎@莱昂纳多：问题是，这个函数以前从未调用过。
<li><a href='#' id='order1'>Order1</a></li>
<li><a href='#' id='order2'>Order2</a></li>

<script>
document.getElementById("order1").addEventListener("click",changeColor);
document.getElementById("order2").addEventListener("click",changeColor);

 function changeColor() {
    this.style.color = "#cecece";
    return false;
 }
</script>