Question

我试图创建一个网站，点击一个div，页面的CSS将使用一个名为easterStyle的函数进行更改，但我不确定如何在不使用jquery的JavaScript上执行此操作只是javascript，因为我不理解jquery。

Answer 1

不是Java而是Javascript。

好的，我将使用jQuery：

$("#element-to-be-clicked").click(function() {
   $("#element-to-be-changed").addClass("newStyle");
});

Answer 2

在链接代码中提供您要交换的ID ....如代码ID =＆＃34; pagestyle＆＃34;

<link id="pagestyle" rel="stylesheet" type="text/css" href="skins/skin1.css">

将以下代码添加到html文件的末尾。

<!-- custom javascript file -->
    <script src="controlpanel.js"></script>

<!-- skins\Skin changer function  -->
<script type="text/javascript">
    function swapStyleSheet(sheet){
    document.getElementById("pagestyle").setAttribute("href", sheet); 
    // alert(sheet);
    }
</script>

创建一个js文件并在其中编写以下代码，我使用＆＃34; controlpanel.js＆＃34;它的名字

$(document).ready(function() {
     $(".tbtn").click(function() {
         $(".themeControll").toggleClass("active");
     });

}); // end Ready

希望这可以完美地运行，我将它用作网络中的皮肤更换器控制面板，它对我来说很好。

Answer 3

$(document).ready(function(){
    //when div("div")/id(".")/class("#")/img("img")/this thing("this") is clicked
    $(this).click(
        //do this function
        function (){
             //insert code for 'newStyle' here
        }
    );
});

希望这会有所帮助。

使用JavaScript单击按钮更改css

3 个答案: