Question

我正在编写一些编译HTML片段并将其导出到Microsoft Word的软件。我喜欢一个循环编译片段的脚本，并删除某些具有特定类的标签。

我不能使用CSS作为display：none;样式不能导出到Word。

我无法使用标签ID，因为片段可能包含我想要隐藏的多个标签实例。

这是我到目前为止所做的：

<head>
<script>
    function hideme(){  
        var span = document.getElementById("hideme");
        span.parentNode.removeChild(span);  
    }
</script>
</head>
<body onload="hideme()">
    Hello I'd like to remove <span id="hideme" value="1">THIS</span> word, which I can<br/>
    I'd also like to remove <span id="hideme" value="1">THIS</span> word, which I can't
</body>

Answer 1

id需要唯一，因此将id更改为class

<head>
<script>
    function hideme(){  
        var span = document.getElementsByClassName("hideme");
        span.parentNode.removeChild(span);  
    }
</script>
</head>
<body onload="hideme()">
    Hello I'd like to remove <span class="hideme" value="1">THIS</span> word, which I can<br/>
    I'd also like to remove <span class="hideme" value="1">THIS</span> word, which I can't
</body>

使用jquery非常简单

<body>
        Hello I'd like to remove <span class="hideme" value="1">THIS</span> word, which I can<br/>
        I'd also like to remove <span class="hideme" value="1">THIS</span> word, which I can't
    </body>

脚本

$(document).ready(function(){
$(".hideme").hide(); //or $(".hideme").remove();
});

Answer 2

使用Javascript您可以使用：
javascript-remove-element-by-id

使用jQuery：

$('#hideme').hide() // hides element diplay:none

或

$('#hideme').remove()  // removes element

使用Javascript删除/隐藏具有特定类的span标记

2 个答案: