Strike the Element using Id in Javascript

Question

I need to strike all the text based on the element id using javascript.

How to do this?

Answer 1

The easiest way to go using vanilla javascript should be just to manipulate the HTML content itself. This could look like:

var targetElem = document.getElementById('myid');

targetElem.innerHTML = '<strike>' + targetElem.innerHTML + '</strike>';

Using jQuery, this task becomes only slightly more trivial by using .contents() + .wrapAll():

$('#myid').contents().wrapAll('<strike/>');

Another alternative, using css might also be an idea:

targetElem.style.textDecoration = 'line-through';

Or again using jQuery to be more cross-browser compliant:

$('#myid').css('text-decoration', 'line-through');

Answer 2

something like

document.getElementById('foo').style.textDecoration ='line-through';