脚本在第一次单击时不起作用

Question

我是js的新手，但是有这个问题

---

我想单击以将一个元素的高度更改为另一元素的宽度 出于某些原因，我必须单击两次此代码才能正常工作，关于如何使其在第一次单击时起作用的任何建议？

<script>
var l = document.getElementById("tablinks");

l.onclick = function(){

var w = document.getElementById("img1").offsetWidth;
document.getElementById("beforeafter1").style.height = w + "px";

};

</script>

Answer 1

尝试以下脚本。

<script>
//var l = document.getElementById("tablinks");
function doMyTrick(){
    var w = document.getElementById("img1").offsetWidth;
    document.getElementById("beforeafter1").style.height = w + "px";

};
</script>
<input type="button" onclick="javascript:doMyTrick()" value="Submit"/>

Answer 2

链接/按钮代码丢失，但是我想您没有在JavaScript代码中添加return false;：

<a href='#' id="tablinks" onclick='someFunc(3.1415926); return false;'>Click here !</a>