Question

我现在有这个onclick功能：

<p  onclick="open3()" >Uw tuin blijft mooi door vakkundig en regelmatig onderhoud.</p>


function open3 () 
{
    document.getElementById("c").style.display = "block";
}

我想要的是，当我点击打开三时，它会以某种方式更改它的值，以便我再次点击它以将style.display设置为none。

我尝试使用布尔值将其设置为true或false，然后更改但不起作用

Answer 1

您可以添加if语句，检查应用样式的当前值并进行相应更改。

使用这种方法，您不需要在代码中声明（并保留）任何其他变量，同时仍然能够达到预期的效果。

示例如下所示。

function open3 () {
    var c = document.getElementById('c');
    if (c.style.display === 'block') {
       c.style.display = 'none';
    } else {
       c.style.display = 'block';
    }
}

Answer 2

尝试使用功能检查：

function open3 () {
 var c = document.getElementById("c");
 if (c.style.display === 'block') {
   c.style.display = 'none';
 } else {
   c.style.display = 'block';
   }
}

Answer 3

使用纯Javascript：

function open3 () 
            {
                if (document.getElementById("c").style.display == "block")
                    document.getElementById("c").style.display = "none";
                else
                     document.getElementById("c").style.display = "block";
            }

或者你可以改用jQuery：

function opne3()
{
   $("#c").toggle();
}

希望它有所帮助。

Answer 4

我的方法略有不同，并创建了一个toggler函数，该函数返回一个函数来切换以初始状态传递给它的任何元素。无论何时需要切换元素，都可以继续重复使用此功能，以免重复代码。

function loadProducts() {
    $.ajax({
        url: "admin_editprices.php",
        cache: false,
        dataType: "html",
        success: function(data) {
            $(".allproducts").html(data);
        }
    });
}

创建一个新函数，传入要切换的元素及其初始状态。

var toggler = function(el, init) {
  var flag = init;
  return function(e) {
    flag = !flag;
    el.style.display = flag ? 'block' : 'none';
  };
}

删除内联JS（最佳实践）并使用var toggleC = toggler(document.querySelector('#c'), false);来定位元素。

addEventListener

DEMO

Answer 5

此页面上的if / else答案的简短版本：

function(Z) (1 / sqrt(2 * pi)) * exp(-(Z^2) / 2)

Answer 6

试试这个

<强> HTML：

<p id="togglethingy">Uw tuin blijft mooi door vakkundig en regelmatig onderhoud.

<强> CSS：

#togglethingy{
    display:block;
}

<强> jQuery的：

$(function(){
    var $tog_ele = $("#togglethingy")
    $tog_ele.click(function() {
        $tog_ele.toggle();
    });
});

Onclick函数可以更改元素的css

6 个答案: