当已经单击了另一个元素时,如何显示该元素
How do I show an element when another element has already been clicked?
我有一个链接,
<a href="manager_view.html">
<p class="in_row">Jane Doe</p>
</a>
我想显示一个复选标记&check;,当Jane Doe在过去被点击时。我该怎么做?
FIDDLE
JAVASCRIPT
document.getElementsByClassName('in_row')[0].onclick = function()
{
this.className = 'in_row clicked';
}
或者,如果你有不止一个:
var rows = document.getElementsByClassName('in_row');
for (var i = 0, len = rows.length; i < len; i++)
{
rows[i].onclick = doclick; //this function is the above code
}
CSS
.clicked:before
{
content:"✓";
}
您应该使用本地存储http://www.w3schools.com/html/html5_webstorage.asp如果有更多元素要存储在其中,则可以使用JSON.stringify
当你创建一个点击元素的数组时,你会像这个一样存储它
localStorage["rowsclick"] = JSON.stringify(elementsClickedArray);
而不是读到你需要
elementsClickedArray = JSON.parse(localStorage["rowsclick"]);
相关文章:
- 在select元素中显示highchart dashstyle(svg)
- 限制ul元素中显示的项目
- x秒后在元素处显示气球
- 如何使用javascript在输入元素中显示特殊字符
- 仅在一个元素上显示微调器($.mobile.showPageLoadingMsg())
- JSON 元素未显示
- 为什么在Firebug中显示的元素没有显示在页面源代码中
- 删除的DOM元素仍然显示在移动safari(iOS 5.1)中
- 元素未显示在iOS表单提交中
- 将值发送到Javascript函数以在元素中显示
- 在隐藏元素中显示元素
- 每个元素仅显示可见元素
- 在JavaScript的HTML元素中显示console.log()
- 循环中元素的显示顺序
- 选取随机数组元素,将其移除,并在没有更多可用元素时显示消息
- 指令元素未显示
- HTML 转到另一个页面的特定元素(如果该元素尚未显示)
- 如何使用 Javascript 将鼠标悬停在元素上显示悬停
- 如果元素未显示在 Angular JS 中,则想隐藏“|”
- 元素后显示的所有元素的选择器