在JavaScript中使用Id來觸發元素

Question

我需要使用javascript根據元素ID敲擊所有文本。

如何做到這一點？

Answer 1

使用香草JavaScript的應該只是操縱HTML內容本身去的最簡單方法。這可能是這樣的：

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

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

使用jQuery，這個任務變得稍微較瑣碎使用.contents() + .wrapAll()：

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

另一種方法，用css也可能是一個想法：

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

或者再次使用jQuery更符合跨瀏覽器：

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

Answer 2

CSS：

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

的jQuery：

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

Answer 3

簡單地把你的ID代替yourID

這樣，如果你使用JQuery簡單。

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

如果不使用JQuery。

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

但我不確定它是否適用於所有瀏覽器。

Answer 4

像

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