学到js的this，然后敲了一个代码？可是总是要点击两次才出结果,求解
木森森4228263
2016-12-20 15:11
<a href="#" id="example" onclick="init_page();">点击变绿</a>
<a href="#" id="example1" onClick="init_page1();">点击变绿</a>
<script type="text/javascript">
function to_green(){
this.style.color="green";
}
function init_page(){
var example=document.getElementById("example");
example.onclick=to_green;
}
function init_page1(){
var example1=document.getElementById("example1");
example1.onclick=to_green;
}
</script>
3回答
-
- qq_丿蓝如樱乀_04182026
- 2016-12-20 15:56:18
因为你添加了两次onclick事件，第一次是onclick="init_page()"，第二次是example.onclick=to_green，如果需要运用this，就不用第一次的onclick事件，直接获取id，给id元素添加点击事件，调用函数来设置id元素的颜色：
<a href="#" id="example">点击变绿</a>
<a href="#" id="example1">点击变绿</a>
<script type="text/javascript">
function to_green(){
this.style.color="green";
}
var example=document.getElementById("example");
example.onclick=to_green;
var example1=document.getElementById("example1");
example1.onclick=to_green;
</script>
-
- 慕丝2245369
- 2016-12-20 15:54:57
第一个C布大写吗？
-
- 姜皓
- 2016-12-20 15:25:18
。。
。
jQuery基础(二)—DOM篇
114012 学习 · 590 问题
相似问题