我认为这将是非常简单的事情,但我没有找到答案.如何使用class="namehere"显示输入文本中插入的内容创建所有span元素？
function start() {
var name = document.getElementById("name").value;
document.getElementByClassName("namehere").innerHTML = name;
}<input id="name" type="text" value="Type name here">
<button type="button" onclick="start()">start</button>
<br>
<br>
<span class="namehere"></span> is doing this and that.
<br>
<span class="namehere"></span> wants to do this and that.
<br>
<span class="namehere"></span> is not doing this or that.
<br>
<span class="namehere"></span> wants to do this but instead is doing that.我想从以下字符串中删除12:00:00 AM.
<div class="modal-body">
<p>1/11/2016 12:00:00 AM - 1/13/2016 12:00:00 AM</p>
</div>
结果应该是:
2016年1月11日 - 2016年1月13日
如何从完整字符串中删除所有出现的12:00:00 AM.
$('.modal-body > p').text().remove("12:00:00 AM");
这是我在这里的第一个问题=):我的问题是标题中所述的内容.我想简单地用2个元素对元组列表进行排序.它应该与排序一起工作,但它仍然返回未排序的List,...它似乎什么都不做.输入:
#"L =[(0, 1), (4, 6), (5, 7), (0, 6), (0, 4), (2, 5)]" Its an example.
for line in stdin:
L = [int(i) for i in line.split()]
n = L[0]
V = [i for i in range(n)]
edgelist = L[1:]
EDGE = [(edgelist[i],edgelist[i+1]) for i in range(0,len(edgelist)-1,2) ]
mK = missingKnots(edgelist)
EDGE = sorted(EDGE)
EDGE = list(set(EDGE))
输出:
[(0, 1), (4, 6), (5, 7), (0, 6), (0, 4), (2, 5)]
应该:
[(0, 1), (0, 4), (0, 6), (2, 5), …我希望这些颜色按照给定的颜色顺序循环.但它给了我所有div上只有绿色.
var colors = ["red", "blue", "green"];
for (var i = 0; i < colors.length; i++) {
$("div").each(function() {
$("div").css({
'background-color': colors[i]
});
});
}
HTML:
<div>A</div>
<div>B</div>
<div>C</div>
我在几年后做了一些JavaScript练习而没有使用它,所以如果这是一个愚蠢的问题,我道歉.
我从一个简单的循环开始输出"Hello,world!" 几次:
for (i = 0; i < 5; i ++){
var div = document.createElement("div");
div.innerHTML = "Hello, world!";
document.body.appendChild(div);
}
这给了我五行"Hello,world!".如果我将变量声明移出循环,我想看看代码是否运行得更快:
var div = document.createElement("div");
div.innerHTML = "Hello, world!";
for (i = 0; i < 5; i ++){
document.body.appendChild(div);
}
我期望获得五行"Hello,world!" 但我只有一个.有人可以解释原因吗？
谢谢!
我正在使用以下代码淡出图像。
.fadeOut {
-webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadeout 1s; /* Firefox < 16 */
-ms-animation: fadeout 1s; /* Internet Explorer */
-o-animation: fadeout 1s; /* Opera < 12.1 */
animation: fadeout 1s;
}
@keyframes fadeout {
from {
opacity: .9;
}
to {
opacity: 0;
}
}
在我的 HTML 页面中，我有
<img src="~/Content/Images/myImage.png" class="fadeOut" />
淡出（最初）有效，但在图像淡出后，它会以完全不透明度返回。
我怎样才能保持它的不透明度为 0？
这是我的单选按钮:
<input type="radio" name="coolSwitch" value="0">Off
<input type="radio" name="coolSwitch" value="1">On
当我加载页面时,已经单击了第二个按钮.我想运行JS来检查第一个.这是我的JS:
$('input[type="radio"][name="heatSwitch"]')[0].prop('checked',true);
但我得到这个错误: $(...)[0].prop is not a function(…)
为什么？
我已经设置了一个简单的拖放界面来实现克隆功能.我遇到的问题是,当元素被拖动到主画布然后掉落时,它会突然向右移动,而不是准确地拖到我拖动它的位置.
这是javascript:
$(function() {
var x = null;
$("#draggable").draggable({
helper: 'clone',
cursor: 'move',
snap: '.snap-target'
});
$("#canvas").droppable({
drop: function(e, ui) {
if ($(ui.draggable)[0].id != "") {
x = ui.helper.clone();
ui.helper.remove();
x.draggable({
helper: 'original',
containment: '#canvas',
snap: '.snap-target'
});
x.appendTo('#canvas');
}
}
});
});
我创建了一个jsfiddle:
https://jsfiddle.net/kuyn6gmc/
如果您尝试将蓝色框拖动到主画布中然后释放鼠标,您将看到该框如何"弹出"到右侧.当您在画布中移动框时,它可以正常工作.在小提琴上,它没有在浏览器上的全宽时那么糟糕,我认为它相对于视口的总宽度.
如果有人知道为什么会这样,我会很感激:)
谢谢迈克尔
这是我的代码：
.right {
position: absolute;
right: 0px;
width: 300px;
border: 3px solid #73AD21;
padding: 10px;
}
body {
margin: 0;
padding: 0;
}
#a {
border: 3px solid #73AD21;
position: relative;
width: 100%;
}<div id="a">
<div class="right">
<p>This is a Test.</p>
</div>
</div>请看小提琴：
这段代码在Firefox中运行良好,但在IE中没有,请仅使用CSS(无jquery或javascript)给出解决方案,当你点击DIV内的跨度时问题就开始了!
<style type="text/css">
.tools {
cursor:pointer;
}
.tools {
background-color:#aaa;
padding:5px;
}
.tools span {
background-color:green;
color:white;
}
.tools:hover {
background-color:#ccc;
}
.tools:hover span {
background-color:red;
}
.tools:active {
background-color:#333;
color:#fff;
}
.tools:active span {
background-color:blue;
}
</style>
</head>
<body onselectstart="return false;" >
<div class="tools" style="width:100px; height:20px;">
<span>
Hello world...
</span>
</div>
</body>