JS: Jak dynamicznie wstawiać tekst do SPANU?

Question

Bez użycia jakichkolwiek frameworków JavaScript, jak mogę dynamicznie zmieniać tekst w obrębie elementu SPAN.

wiem, jak to zrobić z DIV byłoby następujące:

document.getElementById('myDiv').innerHTML = '...' 

Co to jest równoważne z tym dla elementu SPAN?

Answer 1

getElementById() zrobić dokładnie tak, jak sama nazwa wskazuje: uzyskać element z atrybutem id równa argumentu; więc jeśli masz rozpiętość o nazwie "mySpan", Twój kod powinien być:

document.getElementById('mySpan').innerHTML = '...'

Answer 2

Ta konkretna technika działa dla dowolnego elementu, chociaż zastrzeżenie dotyczące jej używania na elementach takich jak div jest taka, że ​​zastąpi ona elementy wewnętrzne, a nie tylko tekst.

Jeśli chcesz tylko zastąpić tekst można to zrobić przez:

function replaceText(el, str) { 
    el.textContent ? el.textContent = str : el.innerText = str; 
} 

replaceText(spanReference, 'blah') 

Answer 3

Możesz również użyć innerHTML dla elementów span.

Co się stało, gdy próbowałeś to zrobić?

Przez krótki przykład można spojrzeć na: http://bytes.com/topic/javascript/answers/149023-there-faster-way-change-span-innerhtml

Answer 4

innerHTML będzie działać, ale może to być niebezpieczne w niektórych sytuacjach, jeśli nie wiesz, co robisz. Może wstawiać tagi HTML, a nie tylko tekst, prawdopodobnie otwierając Cię na ataki XSS itp.

Powrót, który zaproponowali niektórzy, jest lepszym pomysłem, ponieważ nie musisz się martwić o iniekcje skryptów itp.

Jeśli nie musisz obsługiwać IE8 i wcześniejszych wersji, użyj textContent bez opcji zastępczej. IE9 i późniejsze wsparcie textContent.