Javascript - 删除线程 [英] Javascript - strikethrough

问题描述

我尝试用javascript使文字删除。
我对Javascript一无所知，并尝试在网上搜索如何。

i try to make text strikethrough with javascript. I know nothing about Javascript and try to search on the net how to that.

 <script language="JavaScript">
            function recal(val,sum)
            { 
                if(sum == true)
                {
                    var total = parseInt(document.getElementById("total").innerHTML, 10);
                    total+=val;
                    document.getElementById("total").innerHTML=total;        
                }
                else
                {
                    var total = parseInt(document.getElementById("total").innerHTML, 10);
                    total-=val;
                    document.getElementById("total").innerHTML=total;   
                    var pnl = document.getElementById("totalEvents");
                }



                var pnl = document.getElementById("totalEvents");
                var pnl2 = document.getElementById("eventCategory");
                var pnl3 = document.getElementById("nameID");

                **strikethrough starts here**
                if (!sum && pnl.firstChild.tagName != "S" && pnl2.firstChild.tagname !="S")
                {
                    pnl.innerHTML = "<S>"+ pnl.innerHTML+"</S>";
                    pnl2.innerHTML = "<S>"+ pnl2.innerHTML+"</S>";
                }
                else 
                {
                    pnl.innerHTML = pnl.firstChild.innerHTML;
                    pnl2.innerHTML = pnl2.firstChild.innerHTML;
                }



            }
        </script>

它使texttrikethrough出现了问题。即使我选择第二个复选框，也会影响第一个复选框原因：（

it makes textstrikethrough but something is wrong. Even if i choose second checkbox it affects first checkbox why :(

http://jsfiddle.net/aHH9w/ （我的完整HTML页面）

http://jsfiddle.net/aHH9w/ (my full html page)

推荐答案

您正在采用一种非常复杂的方法来实现这一目标，实际上很容易完成。如果你有一个HTML元素，比如id'myelement'：

You are peforming a pretty convoluted way of achieving this, something that can actually be quite easily done. If you have an HTML element, say with the id 'myelement':

<div id="myelement">Hello world</div>

要创建一个删除线，您需要做的就是在JS中是：

To create a strikethrough, all you need to do in JS is:

var ele = document.getElementById("myelement");
ele.style.setProperty("text-decoration", "line-through");

如果你需要检查是否有一个 删除元素：

If you need to check if there is a strikethrough on an element:

var ele = document.getElementById("myelement");
var isStruck = (ele.style.getProperty("text-decoration") == "line-through");

虽然这不是真的推荐。使用内部变量来跟踪状态。

Although this is not really recommended. Use an internal variable to keep track of state.

这篇关于Javascript - 删除线程的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！