javascript - 用于添加内联样式的 jQuery/JavaScript 切换按钮

Question

如何创建一个切换按钮来添加内联样式？

例如，在这个简单的结构中，我想制作一个切换按钮来显示或隐藏 div我不想添加类名或仅使用 .show() 和 .hide() jQuery

例如我需要它是内联样式如果我切换按钮我希望它添加这种样式

style="display:block color:red;"

如果你再次切换

style="display:none"

<button>toggle</button>

<div>blah bla blah</div>

Answer 1

试试下面的代码...

<button id="button">toggle</button>

<div id="div">blah bla blah</div>

JavaScript 代码...

var button=document.getElementById("button");
var div=document.getElementById("div");
div.style.display="block";

button.onclick=function (){
    if(div.style.display=="block"){
        div.style.display="none";
    }
    else{
        div.style.display="block";
    }
}

直播demo here

编码愉快...:)