Question

我想在＆＃39; onclick＆＃39;的功能时永久更改样式表。事件被称为..和＆＃39; onmouseover＆＃39;只要光标停留在按钮上，事件就会改变样式表。

在我的代码中，前两个事件的功能完全正常。但是＆＃39; onclick＆＃39;事件的功能根本不起作用.. 任何人都可以告诉我哪里做错了吗？我怎么能让它发挥作用？

这里是代码：

<html>
<head>
<link id="theme" rel="stylesheet" type="text/css" href="css//main.css" >

<script>


function m1()
  {

 document.getElementById("theme").href= "style1.css"; 
}

function o1(){
document.getElementById("theme").href= "css//main.css";
            }

function c1()
  {

document.getElementById("theme").href="style1.css";
}   
     </script>  
</head>
<body>
  <div id="menu">
                <ul id="br">
                    <li> SELECT THEME
                        <ul id="dp">
                            <li><button id="b1" onMouseOver="m1()" onMouseOut="o1()" onClick="c1()" >Style 1</button></li>
                            <li><button id="b2">Style 2</button></li>
                            <li><button id="b3">Style 3</button></li>
                        </ul>
                    </li>
                </ul>
      </div>

Answer 1

m1（）和c1（）加载相同的样式表。将鼠标悬停在按钮上并单击时，将触发这两个事件。我不确定被解雇事件的顺序;但是，你应该在每个函数中放入一个console.log来查看哪个被调用。

function c1(){
    document.getElementById("theme").href="style1.css";
    console.log("On Click");    
}

如何使用＆＃39; onmouseover＆＃39;更改样式表？和＆＃39; onclick＆＃39;事件？

1 个答案: