Uderz element za pomocą Id w JavaScript

Question

Muszę uderzyć cały tekst na podstawie identyfikatora elementu przy użyciu javascript.

Jak to zrobić?

Answer 1

Najprostszym sposobem, aby przejść za pomocą wanilii JavaScript powinien być tylko manipulować samą zawartość HTML. Mogłoby to wyglądać tak:

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

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

jQuery, to zadanie staje się tylko nieznacznie bardziej trywialny za pomocą .contents() + .wrapAll():

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

Inną alternatywą, za pomocą CSS może również być pomysł:

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

Lub ponownie za pomocą jQuery, aby być bardziej zgodne z wieloma przeglądarkami:

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

Answer 2

CSS:

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

jQuery:

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

Answer 3

Wystarczy umieścić swój identyfikator w miejscu yourID

To będzie prosta, jeśli używasz jQuery.

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

Jeśli nie korzystasz z JQuery.

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

Ale nie jestem pewien, czy zadziała w przypadku wszystkich przeglądarek.

Answer 4

coś

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