用于 element.function 的 jquery 等效 javascript，如 $("div").toggle()

Question

我正在使用 jQuery，我想将一些方法转换为原生 JavaScript 代码。

在 jQuery 中，我们使用类似

$("div").toggle()

是否可以转换为 JavaScript 之类的

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

Answer 1

是的，你可以这样做。如果你对其他答案感到满意，说你必须创建新函数，你必须调用它。然后去吧。

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

你可以这样做：

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 不支持 Element Prototype，但 Chrome、FF、Safari 支持。

运行

1. 在此页面中打开 chrome 控制台。
2. 复制粘贴上面的代码，然后在控制台中运行。
3. 现在在控制台中执行此操作document.getElementById('question-header').toggle() [这将显示/隐藏此页面中的问题标题]