javascript - 我正在尝试使用按钮创建动态 HTML 更新

Question

我对 Javascript 很陌生，这是我第一次创建自己的函数。我试图根据用户是否单击我创建的按钮来更改链接的颜色。代码如下:

<p align="center">
    <input type="button";
           onclick="changelinks"
           value = "Click this if you can't see the links!"/>
</p>

这是我的函数的代码。

<script type="text/javascript">
              function changelinks(links) {
                var element = document.getElementByClass("links");
                element.onclick.color = "#00FF7F";
                 }
                 </script>

您对让我的功能发挥作用有什么建议吗？如何将我的功能链接到按钮？预先感谢，我真的很感激。

Answer 1

其中包括一些主要问题:

1.没有 getElementByClass - 有 getElementsByClassName 或 getElementById

2.element.onclick.color = "#00FF7F"; 错误。

3.type="按钮"; onclick="changelinks" 不应有 ; 且 changelinks 需要 ()

试试这个:

<script type="text/javascript">
    function changelinks() {
        var element = document.getElementById("links");
            element.style.color = "#000";
    }
 </script>


<a href="#" id="links" style="color:#fff">Hello</a>

<p align="center">
    <input type="button" onclick="changelinks()" value = "Click this if you can't see the links!"/>
</p>

这是一个简单的示例，它将为您完成一个链接 id="links" 的操作。要对同一类的多个元素执行类似的操作，请参阅 this question和 the javascript manual .

另外，请注意，此示例使用纯 JavaScript，但使用 JQuery 可以得到更干净、更简单的解决方案 - 有关详细信息，请参阅 Johannes N 的回答。