How to hide an element using javascript

Question

how can i hide the date on the graph

<div class="highcharts-container" id="highcharts-6">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1330"   height="532"><desc>Created with Highstock 1.3.7</desc><defs><clipPath id="highcharts-7"><rect fill="none" x="0" y="0" width="1239" height="290"></rect></clipPath></defs>
<path fill="none" d="M 71 45 L 71 335 180 335 180 45" zIndex="5"></path>
<text x="126" y="29" transform="translate(0,0)" visibility="visible">
<tspan x="126">7/9/15</tspan></text></svg></div>

won't be much different than this: http://stackoverflow.com/questions/9872947/changing-svg-image-color-with-javascript — Marc B, Sep 01 '15 at 15:58
i tried a lot of options but nothing is working, please help — Nisha Nethani, Sep 01 '15 at 16:11
"I tried a lot of options". How about you showing us what you tried? — Lee Taylor, Sep 01 '15 at 16:13
`$('tspan').remove()` to remove it completely and to empty the `tspan` just use `$('tspan').html('')` — J Santosh, Sep 01 '15 at 16:17
Why you cannot set a null value for point ? Then point will be empty ;) — Sebastian Bochan, Sep 02 '15 at 08:17

Dave · Accepted Answer · 2015-09-01T16:24:23.783

2

If there's just one, then this code should work:

document.querySelector("tspan").style.display = "none";

If there are multiple then:

[].forEach.call(document.querySelectorAll("tspan"), function(item) {
  item.style.display = "none";
});

Or if you want to use jQuery:

$("tspan").hide();

edited Sep 01 '15 at 16:24

answered Sep 01 '15 at 16:17

Dave

10,748
3
43
54

there are multiple tspans. I did not copy the entire code – Nisha Nethani Sep 01 '15 at 16:22
I tried this which did not work $('div.highcharts-container > svg > text').find('tspan').html(""); – Nisha Nethani Sep 01 '15 at 16:22
Dave, so can I do this – Nisha Nethani Sep 01 '15 at 16:26
$('div.highcharts-container > svg > text').forEach.call(document.querySelectorAll("tspan"), function(item) { item.style.display = "none"; }); – Nisha Nethani Sep 01 '15 at 16:26
If you're using jQuery, just use the last line in my answer--don't overcomplicate it. – Dave Sep 01 '15 at 16:27

How to hide an element using javascript

1 Answers1