onclick触发两次_onclick必须点击两次才能触发(onclick has to be clicked twice to fire)

onclick必须点击两次才能触发(onclick has to be clicked twice to fire)

除非点击两次，否则我的onclick函数将不会触发。 我对javascript很新，但到目前为止，我在var obj行中移动，并将==“none”更改为“none”？“empty”; 这两件事我都不明白，但看到其他人解决这个问题。 都没有工作。

+

function showDiv(id){

var obj = document.getElementById(id);

if( obj.style.display == "none") {

obj.style.display='block'

}

else{

obj.style.display='none'

}

}

My onclick function won't fire unless it is clicked twice. I am very new to javascript but so far i trie moving around the var obj line, and changing the =="none" to "none"?"empty"; which are both things I didn't understand but saw other people did to fix this problem. Neither worked.

+

function showDiv(id){

var obj = document.getElementById(id);

if( obj.style.display == "none") {

obj.style.display='block'

}

else{

obj.style.display='none'

}

}

原文：https://stackoverflow.com/questions/27723191

2020-01-14 08:29

满意答案

你的问题是，你直接使用元素的style属性。 假设，你没有设置obj.style.display = "none"; 在你的代码中明确地说，直到第一次点击，该值仍然是undefined的。 在第一次点击之后，它就会被设置，并且一切都按照你想要的那样工作。

为了解决它，使用getComputedStyle()来访问元素的样式。 这包括通过CSS设置的所有样式：

function showDiv(id){

var obj = document.getElementById(id),

compStyle = window.getComputedStyle( obj );

if( compStyle.display == "none") {

obj.style.display='block'

} else {

obj.style.display='none'

}

}

Your problem is, that you use the style property of the element directly. Assuming, that you did not set obj.style.display = "none"; in your code explicitly, the value remains undefined until the first click. After the first click it is set and everything works like you want it to.

To solve it use getComputedStyle() to access the element's style. This includes all styles set via CSS:

function showDiv(id){

var obj = document.getElementById(id),

compStyle = window.getComputedStyle( obj );

if( compStyle.display == "none") {

obj.style.display='block'

} else {

obj.style.display='none'

}

}

2014-12-31

相关问答

修复它的方法有很多种...... (1)这是我修复同一问题的方式...因为我也想要自定义复选框...... 您可以使用已选中和未选中复选框的图像而不是复选框，并在tr点击时切换src ... 你也为所有不能工作的td提供了相同的id checkbox ... function toggleRowSelection(row){

if(row.getElementsByTagName('img')[0].src == "checked.jpg")

row.getElementsBy...

您正在向现有单元格添加多个事件处理程序。 这就是为什么我更喜欢使用普通的.onclick属性的原因之一。 无论如何，要解决此问题，您可以只将事件应用于新单元格，或者在添加事件时向它们添加属性，然后在再次添加事件之前检查该属性。 You are adding multiple event handlers to existing cells. This is one reason why I prefer to use just the plain old .onclick property. An...

这是一个略短的版本。 HTML