Question

Sorry, this may be kind of weird problem:

I have an existing HTML code, which I can not directly edit or delete parts of it. The problem is: Inside a div-element in this code, there is some text which I want to hide. There are also another element inside of this div, which I don’t want to hide. It looks something like this:

<div>
....Text I want to hide....
<table> ... Text I don't want to hide...</table>
</div>

My question: Is it possible to hide the “….Text I want to hide….” while not hiding the “… Text I don’t want to hide…”? (for example using javascript?)

Answer 1

If you want to remove the text, you can write:

div.removeChild(div.firstChild);

(where div is a variable referring to this <div> element).

If you want to wrap it in a <span> that you can then hide and unhide at will, you can write:

var span = document.createElement('span');
div.insertBefore(span, div.firstChild);
span.appendChild(div.firstChild);

(where div is as before).