好吧所以我要做的是用类名'no-js'获取元素并用'js'替换它,所以我不知道怎么做,我试过google周围但是找不到什么,现在有人如何做到这一点?
我想要做的是这个菜单,当你点击一个加号按钮它有这个下拉菜单,但如果javascript被禁用我希望它显示悬停与CSS(我已经完成了)
我把我的代码放在JsFiddle上,继续链接:http: //jsfiddle.net/MrPumpkin22/v9dcC/10/
谢谢.
我使用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)
有人帮我请.
我有一个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元素中.
由于不同的原因,我不能使用$('.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使用切换按钮来更改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";是可用不知何故?
我正在使用定义为的选项卡窗格
<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 编写一个井字游戏。该游戏的工作原理是点击表格中的单元格并使用 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) 这是一个小片段作为示例:
<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做同样的样式?
如何使用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条件.
我需要的是额外的课程,而不是不同的课程.我怎样才能做到这一点?
我尝试了以下代码:
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)
这只会更新替代列表项,而不是所有具有相同类的项。我想知道这不起作用的原因。