Javascript

Javascript 로 HTML 내용 설정

---

웹 페이지에서 정수 값을 제공하는 WebService를 호출하고 있습니다. 이 값을 텍스트 블록에 표시해야합니다. 현재 HTML을 사용하고 <span>있습니다.

지금까지 내 가치를 범위에 두는 두 가지 방법을 찾았습니다. innerText()IE 독점 방식으로 innerHTML()널리 지원되지만 표준을 준수하지 않는 방식입니다.

사이의 텍스트를 설정하는 올바른 기준을 준수하는 방법은 무엇입니까 <span>및 </span>자바 스크립트에서는?

---

이것은 표준을 준수하며 브라우저 간 안전합니다.

예 : http://jsfiddle.net/kv9pw/

var span = document.getElementById('someID');

while( span.firstChild ) {
    span.removeChild( span.firstChild );
}
span.appendChild( document.createTextNode("some new content") );

---

최신 브라우저에서는 textContent속성을 설정할 수 있습니다 ( Node.textContent 참조) .

var span = document.getElementById("myspan");
span.textContent = "some text";

---

jQuery와 같은 JavaScript 라이브러리를 사용하지 않고 수행하려면 다음과 같이하면됩니다.

var span = document.getElementById("myspan"),
    text = document.createTextNode(''+intValue);
span.innerHTML = ''; // clear existing
span.appendChild(text);

jQuery를 사용하려면 다음과 같습니다.

$("#myspan").text(''+intValue);

---

이를위한 Maximally Standards Compliant 방법은 원하는 텍스트를 포함하는 텍스트 노드를 만들어 범위에 추가하는 것입니다 (현재 존재하는 모든 텍스트 노드 제거).

내가 실제로하는 방법은 jQuery의 .text().

참조 URL : https://stackoverflow.com/questions/4784568/set-content-of-html-span-with-javascript