类似$（“div”）的element.function.toggle（）的jquery等价javascript_Javascript_Jquery

类似$（“div”）的element.function.toggle（）的jquery等价javascript

javascript jquery

类似$（“div”）的element.function.toggle（）的jquery等价javascript,javascript,jquery,Javascript,Jquery,我正在使用jQuery，我想将一些方法转换为本机JavaScript代码在jQuery中，我们使用like $("div").toggle() 是否可以像JavaScript一样转换为JavaScript document.getElementById("id").callfunction(); 不清楚您想要什么，但如果这有帮助： function toggle_item(id){ // your div id var this_item = document.getE

我正在使用jQuery，我想将一些方法转换为本机JavaScript代码

在jQuery中，我们使用like

$("div").toggle()

是否可以像JavaScript一样转换为JavaScript

document.getElementById("id").callfunction();

不清楚您想要什么，但如果这有帮助：

function toggle_item(id){        //  your div id
  var this_item = document.getElementById(id); 
  if( this_item.style.display == 'block' ) {
    this_item.style.display = 'none';
  }
  else {
    this_item.style.display = 'block';
  }
}

不清楚您想要什么，但如果这有帮助：

function toggle_item(id){        //  your div id
  var this_item = document.getElementById(id); 
  if( this_item.style.display == 'block' ) {
    this_item.style.display = 'none';
  }
  else {
    this_item.style.display = 'block';
  }
}

Html:-

   <button onclick="toggleCheck('contentDiv')">Toggle</button>
   <div ID="contentDiv" style="display:block;">This is content.</div>

function toggleCheck(divId) {
  var divId = document.getElementById(divId);
  // Toggle 
  divId.style.display == "block" ? divId.style.display = "none" : 
  divId.style.display = "block"; 
}

Html:-

   <button onclick="toggleCheck('contentDiv')">Toggle</button>
   <div ID="contentDiv" style="display:block;">This is content.</div>

function toggleCheck(divId) {
  var divId = document.getElementById(divId);
  // Toggle 
  divId.style.display == "block" ? divId.style.display = "none" : 
  divId.style.display = "block"; 
}

当然是。您需要实现一个函数callfunction。然后添加此函数作为元素的原型函数。有关详细信息，请查看以下示例代码：

<!DOCTYPE HTML>
<html>
<head>
  <title>test</title>
</head>
<body>
  <div id="test">Hello, world!</div>
  <button onclick="test()">toggle</button>
  <script>
    var test = function() {
      document.getElementById("test").callfunction();
    };


    var callfunction = function() {
      if (this.style.display == "none") {
        this.style.display = "block";
      } else {
        this.style.display = "none";
      }
    };


    // set callfunction as prototype function of all elements 
    Element.prototype.callfunction = callfunction;
  </script>

</body>
</html>


测验
你好，世界！
切换
var测试=函数（）{
document.getElementById（“test”）.callfunction（）；
};
var callfunction=function（）{
如果（this.style.display==“无”）{
this.style.display=“block”；
}否则{
this.style.display=“无”；
}
};
//将callfunction设置为所有元素的原型函数
Element.prototype.callfunction=callfunction；

测试后，这可以在IE8、IE9、chrome和ff中工作。

当然可以。您需要实现一个函数callfunction。然后添加此函数作为元素的原型函数。有关详细信息，请查看以下示例代码：

<!DOCTYPE HTML>
<html>
<head>
  <title>test</title>
</head>
<body>
  <div id="test">Hello, world!</div>
  <button onclick="test()">toggle</button>
  <script>
    var test = function() {
      document.getElementById("test").callfunction();
    };


    var callfunction = function() {
      if (this.style.display == "none") {
        this.style.display = "block";
      } else {
        this.style.display = "none";
      }
    };


    // set callfunction as prototype function of all elements 
    Element.prototype.callfunction = callfunction;
  </script>

</body>
</html>


测验
你好，世界！
切换
var测试=函数（）{
document.getElementById（“test”）.callfunction（）；
};
var callfunction=function（）{
如果（this.style.display==“无”）{
this.style.display=“block”；
}否则{
this.style.display=“无”；
}
};
//将callfunction设置为所有元素的原型函数
Element.prototype.callfunction=callfunction；

测试后，它可以在IE8、IE9、chrome和ff中工作。

是的，您可以这样做。如果您对其他答案感到满意，则表示必须创建新函数，并且必须调用该函数。那就去做吧

否则，如果您真的想遵循语法，那么它是相当简单和可行的。（事实上看起来很漂亮）

这就是你可以做到的：

Element.prototype.toggle = function() { 

    if ( this.style.display == '' || this.style.display == 'block' ) { 
        alert ( "Changing display to NONE ");
        this.style.display = 'none';
    }else{
        this.style.display = 'block';
        alert ( "Changing display to BLOCK ");
   }
}

记住IE8不支持元素原型，但Chrome、FF和Safari支持

运行它

在此页面中打开chrome控制台

复制上面的粘贴代码，并在中运行控制台

现在在控制台

document.getElementById（'question-header'）.toggle（）中执行此操作。

[这将显示/隐藏此页面中的问题标题]

是的，你能做到。如果您对其他答案感到满意，则表示必须创建新函数，并且必须调用该函数。那就去做吧

否则，如果您真的想遵循语法，那么它是相当简单和可行的。（事实上看起来很漂亮）

这就是你可以做到的：

Element.prototype.toggle = function() { 

    if ( this.style.display == '' || this.style.display == 'block' ) { 
        alert ( "Changing display to NONE ");
        this.style.display = 'none';
    }else{
        this.style.display = 'block';
        alert ( "Changing display to BLOCK ");
   }
}

记住IE8不支持元素原型，但Chrome、FF和Safari支持

运行它

在此页面中打开chrome控制台

复制上面的粘贴代码，并在中运行控制台

现在在控制台

document.getElementById（'question-header'）.toggle（）中执行此操作。

[这将显示/隐藏此页面中的问题标题]

不，不是真的。但您可以编写：

myfunctionthattogles（getElementById（“id”））

。如果您想知道jQuery的所有功能，请查阅它。另一个“我想使用jQuery而不使用jQuery”失败。@TigOldBitties没有失败。这是一个正确的问题。请看我的答案。@user2864740 OP询问是否可以在

getElementById（“id”）

本身中执行该方法。我希望他已经知道你的建议了。@TigOldBitties知道事情是怎么做的总是好的。他说他已经在使用

jQuery

，他只是想知道如何在原始javascript中实现同样的功能。那就看他如何运用这些知识了。不。不是真的。但您可以编写：

myfunctionthattogles（getElementById（“id”））

getElementById（“id”）

本身中执行该方法。我希望他已经知道你的建议了。@TigOldBitties知道事情是怎么做的总是好的。他说他已经在使用

jQuery

，他只是想知道如何在原始javascript中实现同样的功能。那就看他如何运用这些知识了。