我对 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>
您对让我的功能发挥作用有什么建议吗?如何将我的功能链接到按钮?预先感谢,我真的很感激。
最佳答案
其中包括一些主要问题:
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 的回答。
关于javascript - 我正在尝试使用按钮创建动态 HTML 更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23554449/