Golpee el elemento usando Id en Javascript

Question

Necesito atacar todo el texto basado en el ID del elemento usando javascript.

¿Cómo hacer esto?

Answer 1

La forma más fácil de seguir usando la vainilla JavaScript debe ser sólo para manipular el contenido HTML en sí. Esto podría parecer:

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

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

Usando jQuery, esta tarea se convierte en sólo un poco más triviales utilizando .contents() + .wrapAll():

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

Otra alternativa, el uso de CSS también podría ser una idea:

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

O bien usando jQuery para ser más compatible con los navegadores cruzados:

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

Answer 2

CSS:

.strike{ 
    text-decoration:line-through; 
} 

jQuery:

jQuery("#yourid").addClass("strike"); 

Answer 3

En pocas palabras su identificación en el lugar de yourID

Ésta será sencillo si se está utilizando jQuery.

$("#yourID").css("textDecoration", "line-through"); 

Si no se usa JQuery.

var element = document.getElementById('yourID'); 
element.style.textDecoration = 'line-through'; 

Pero no estoy seguro si funcionará para todos los navegadores.

Answer 4

algo así como

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