DIV 요소 내의 텍스트를 동적으로 설정해야 합니다. 브라우저에 안전한 가장 좋은 방법은 무엇인가요? 프로토타입js와 스크립터큘러스를 사용할 수 있습니다.
<div id="panel">
<div id="field_name">TEXT GOES HERE</div>
</div>
함수는 다음과 같습니다:
function showPanel(fieldName) {
var fieldNameElement = document.getElementById('field_name');
//Make replacement here
}
2013년, 이 모두를 위한 판독값 updated later:
이 질문에 대한 답을 많이 서 있다, 하지만 모든 심하게 의존하고 있는 모든 못하며창조된 현재 브라우저의 재생성합니다 및 라이브러리보다는 to do things (out of the box).
[교체할 수 있는 텍스트 안에 div 요소, 현재 제공되는 노데스테스트콘텐토 사용하여 모든 브라우저.] [1]
fieldNameElement.textContent = "New text";
[1]: # Browser_compatibility https://developer.mozilla.org/en-us/docs/web/api/node.textcontent
< pre> < code>;;; 함수은 쇼파넬 (fieldName) { var 필드나미레먼트 = 도쿠망스게테레멘트베이드 (field_name" ";). 반면 (필드나미레망스차일드노데지레래스 > = 1) { 필드나미레멘스콜리모프스차일드 (필드나미레망스퍼스트차일드); } 필드나미레멘트리아펜드차일드 (필드나미레멘스트로나르두쿠망스크리스테스트노데 (fieldName)); } < /code> < /pre>;;;
지금 이렇게 장점이 있습니다.
If I were a, d, 사용하려는 자바스크립트 라이브러리 사용, 그리고 이렇게 I& # 39 포함한다. < pre> < code>;;; text (fieldname), $ (", div # field_name") < /code> < /pre>;;;
참고로 [@AnthonyWJones& # 39. 주석문입니다] [1] 은 정정: " field_name"; # 39,) 는 특히 isn& 설명식 id 또는 변수 이름.
[1]: https://stackoverflow.com/questions/121817/replace-text-inside-a-div-element # comment27322_121898
$("field_name").update("New text");
결론부터 말씀드리자면 이너사믈 사용할 수 있습니다 (또는 prototype& # 39 의 업데이트 방법은 거의 똑같은 일을 할 수 있는). 이러한 문제를 피하기 위해 필요한 내용을 이너사믈 은 기술입니까 배정됩니다. 이를 통해 다른 코드 또는 타겟으로의 따라 합니다.
ie 에서 -
document.getElementById("field_name").innerText = newText;
ff 에서 -
5 329 {{{000}}}
(실제로는 가지고 있는 FF 에서 code)
HTMLElement.prototype.__defineGetter__("innerText", function () { return this.textContent; })
HTMLElement.prototype.__defineSetter__("innerText", function (inputText) { this.textContent = inputText; })
이젠 할 수 있을 뿐 아니라 그냥 이너테스트 사용 가능한 브라우저 지원 하는 경우 그 완벽한 솔루션을 사용하고 있는 것이 아닙니다 괜찼습니다 이너사믈 기초형상.
중단한 부분만 계속 진행하길 원하신다면 그렇게 하셔도 됩니다:
if (fieldNameElement)
fieldNameElement.innerHTML = 'some HTML';
http://docs.jquery.com/Manipulation", http://docs.jquery.com/Manipulation<, /a> > <, a href = ";;
간단하게 알 수 있을 것입니다. $ (", # field-name"), .text (몇 가지 새로운 text." ";)