相关疑难解决方法(0)

如何用javascript替换类HTML名称

好吧所以我要做的是用类名'no-js'获取元素并用'js'替换它,所以我不知道怎么做,我试过google周围但是找不到什么,现在有人如何做到这一点?

我想要做的是这个菜单,当你点击一个加号按钮它有这个下拉菜单,但如果javascript被禁用我希望它显示悬停与CSS(我已经完成了)

我把我的代码放在JsFiddle上,继续链接:http: //jsfiddle.net/MrPumpkin22/v9dcC/10/

谢谢.

javascript replace classname

5
推荐指数
4
解决办法
4万
查看次数

javascript初学者:在javascript中添加动态样式?

可能重复:
如何使用Javascript创建<style>标记

我使用java-script编写动态表单.我想在java脚本中添加样式.我写了一些代码来添加样式.但它没有用.这是我在项目中编写的代码.

var sheet = document.createElement('style');
sheet.type="text/css";
sheet.innerHTML = "body{color:red;}";
document.body.appendChild(sheet);
Run Code Online (Sandbox Code Playgroud)

有人帮我请.

javascript css

5
推荐指数
1
解决办法
2380
查看次数

在Javascript中从Div中删除类

我有一个div部分

<div class="1">
        <div id="tab1"">
            <ul class="nav nav-tabs">                   
                <li class="active ans-tab"> <a href="{$cdn2}">MyText</a></li>
                <li class="topTab"><a href="{$cdn2}/Game/">Game</a></li>
                <li class="topTab"><a href="{$cdn2}/lb/">LB</a></li>
            </ul>
        </div>
       <div id="tab2">
        <ul class="nav nav-pills">
            <li class="active"> <a href="{$cdn2}">Top</a></li>
            <li><a href="{$cdn2}/categories/">Categories</a></li>
        </ul>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我在div中用作href的每个页面上尝试做的是从li项中删除class属性,将其作为活动状态并将其分配给一个,我点击.

我试过removeClass removeAttribute等但似乎没有什么对我有用.我想使用普通的Javascript没有jQuery

例如,我在游戏页面上的JS代码从MyText页面中删除活动类并将其添加到Game页面的li元素中.

javascript

5
推荐指数
1
解决办法
3万
查看次数

使用onclick从元素中获取类名

由于不同的原因,我不能使用$('.class').点击或打开('点击',函数..)

所以我真的必须使用html元素中的onclick =""事件.

有没有办法从onclick发生的元素中找出类?

和小提琴http://jsfiddle.net/Aw8Rb/

感谢您的帮助!

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<span class="classic one"   onclick="someFunction('one')">CLICK HERE</span>
<span class="classic two"   onclick="someFunction('two')">CLICK HERE</span>
<span class="classic three" onclick="someFunction('three')">CLICK HERE</span>
<span class="classic four"  onclick="someFunction('four')">CLICK HERE</span>


<script type="text/javascript">

    function someFunction(abc) {
        alert(abc);
        alert($(this).attr('class'));

    }

</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript jquery onclick

5
推荐指数
2
解决办法
7万
查看次数

使div标签在两个CSS类之间切换

我想要做的是使用javascript使用切换按钮来更改div标签的类。这样,当我按下按钮一次div标签获得显示类别时,当我再次按下同一按钮时其获得隐藏类别。这可能吗?

的HTML:

<a id="togglebutton">Show/hide</a>

<div class="show"> 
   I want this div to toggle between the 'show' class and the 'hide' class
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.show {
    display: block;
}


.hide {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

js:

function toggle(){
    var hide = document.querySelector(".hide");
    var show = document.querySelector(".show");

}

var hidebutton = document.querySelector(".togglebutton");
hidebutton.onclick = toggle
Run Code Online (Sandbox Code Playgroud)

document.getElementById("MyId").className = "MyClass";是可用不知何故?

javascript show toggle hide

5
推荐指数
1
解决办法
6855
查看次数

在引导程序中以编程方式更改选项卡窗格选项卡

我正在使用定义为的选项卡窗格

    <ul class="nav nav-tabs">
                   <li><a href="#personal" data-toggle="tab">Personal Information</a></li>
                   <li class="active"><a href="#contact"   data-toggle="tab">Contact</a></li>
                   <li><a href="#guardian"  data-toggle="tab">Parent/Guardian Information</a></li>
                   <li><a href="#education" data-toggle="tab">Educational Background</a></li>
                   <li><a href="#recommendations" data-toggle="tab">Study Prospects</a></li>
                </ul>


<div class="tab-content">                

                <div class="tab-pane" id="personal"></div>
                <div class="active tab-pane" id="contact"></div>
                <div class="tab-pane" id="guardian"></div>       
</div>
Run Code Online (Sandbox Code Playgroud)

可以看出,我选择了联系人作为第一个选择的选项卡,但是当我刷新页面<在整页加载时它会自动将选项卡更改为个人选项卡,即第一个选项卡。

有什么办法可以通过javascript等手动切换标签吗?

javascript bootstrap-4

5
推荐指数
2
解决办法
5937
查看次数

JavaScript TicTacToe if... 获胜者检测

我只是有一个小问题。

我的计算机科学课的最后一个任务是用 JavaScript 编写一个井字游戏。该游戏的工作原理是点击表格中的单元格并使用 function() 将 img 源(点击之前的空白图像)切换为 X 或 O。它即将完成,但有一件事情我无法理解.

显然,这场比赛是由两名球员进行的。我需要做的最后一件事是让它(一个函数)来检测玩家何时获胜并在发生这种情况时杀死脚本。我就是想不通。我知道它涉及 if 语句,并且我尝试了几种不同的代码,但是我编写的所有代码都破坏了游戏。

我确实看到以前有人问过这个问题,我尝试点击右侧“类似问题”框中的几个链接,但所有这些都是我没有学到任何东西的语言(例如 C#) .

这是我的脚本:

<script type="text/javascript" charset="ISO-8859-1">
function placeMove(value)
{
    if (document.getElementById(value).src.indexOf("FC")!=-1) //"FC" because of the FC contained in the file name. I intended for it to stand for "free cell", for easy indentification.
    {
        var turn = document.getElementById("playerturn").innerHTML;
        if (turn == "X")
        {
            document.getElementById(value).src="../Images/TicTacToeX.jpg";
            document.getElementById("playerturn").innerHTML="O";
        }
        if (turn == "O")
        {
            document.getElementById(value).src="../Images/TicTacToeO.jpg";
            document.getElementById("playerturn").innerHTML="X";
        }
    }
    else
    {
        window.alert("Tile is in use. Please select another tile."); …
Run Code Online (Sandbox Code Playgroud)

javascript

4
推荐指数
2
解决办法
2万
查看次数

将CSS样式应用到子节点

这是一个小片段作为示例:

<div id="parentDiv">
    <div>child1</div>
    <div>child2</div>
</div>
Run Code Online (Sandbox Code Playgroud)

使用CSS我可以做到这一点:

  div#parentDiv { position: absolute; }
  div#parentDiv>div { position: relative; }
Run Code Online (Sandbox Code Playgroud)

如何用javascript做同样的样式?

html javascript css

4
推荐指数
1
解决办法
3万
查看次数

用PHP更改元素的CSS类

如何使用PHP更改HTML元素的CSS类以响应更改的页面?

我已经得到了与此类似的解决方案,但此解决方案适用于Javascript.

基本上,我想在满足某个IF条件时添加额外的类.这是我的代码.

<li <?php if ($selected == "profile") echo 'class="active"'; ?> class="dropdown">
<a href="">Profile</a>
</li>
Run Code Online (Sandbox Code Playgroud)

从我的代码中,你可以看到<li>已经有了一个类.所以,当我在echo另一个班级的IF条件下,它完全改变了班级的IF条件.

我需要的是额外的课程,而不是不同的课程.我怎样才能做到这一点?

css php

4
推荐指数
1
解决办法
2万
查看次数

Javascript className 属性仅更新备用列表项

我尝试了以下代码:

var a = document.getElementsByClassName("cc");
for (var i = 0; i < a.length; i++) {
  a[i].className = "cd";
}
Run Code Online (Sandbox Code Playgroud)
.cc {
  background-color: blue;
}

.cd {
  background-color: chartreuse;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li class="cc">A</li>
  <li class="cc">B</li>
  <li class="cc">C</li>
  <li class="cd">D</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这只会更新替代列表项,而不是所有具有相同类的项。我想知道这不起作用的原因。

javascript

4
推荐指数
2
解决办法
117
查看次数

标签 统计

javascript ×9

css ×3

bootstrap-4 ×1

classname ×1

hide ×1

html ×1

jquery ×1

onclick ×1

php ×1

replace ×1

show ×1

toggle ×1