document.createElement ("span"); 후 스팬에 텍스트를 추가하는 방법

Question

함수 .text()를 사용하여 요소 스팬에 텍스트를 쓰려고하는데이 오류가 발생했습니다. UncaughtTypeError : undefined가 함수이 아니며 append(), innerHtml(), createTextNode() 성공하지 못했습니다.

내가 뭘 잘못하고 있니?

var span = $("span"); // create element span 
$(span).html("your text"); // add text 
$("#myDiv").append($(span)); // append it to the div element 

Answer 1

당신이 순수 DOM 코드로 시작되기 때문에, 나는 순수 DOM 코드를 계속 좋을 것 :

var closeSpan = document.createElement("span"); 
closeSpan.setAttribute("class","sr-only"); 
closeSpan.textContent = "Close"; 

즉, textContent을 원하는 값으로 설정하면됩니다.

IE 8 또는 이전 버전과의 호환성 문제가있는 경우 구형 브라우저의 경우 textContent이 존재하지 않습니다. 그 오래된 것들은 innerText (IE 8에서는 작동하지만 표준의 일부는 아님)이나 innerHTML을 사용해야합니다. 이 필드들의 차이점에 대한 설명은 textContent의 MDN 페이지 (위의 링크 참조)를 참조하십시오.

Answer 2

Answer 3

당신이 또한

var closeSpan = document.createElement("span"); 
closeSpan.setAttribute("class","sr-only"); 
closeSpan.html("Close"); 

을 시도 할 수 있습니다 : 당신이 ID가 "myDiv"로 사업부에 "범위"태그를 추가 할 가정

var closeSpan = document.createElement("span"); 
closeSpan.setAttribute("class","sr-only"); 
closeSpan.text("Close"); //UncaughtTypeError: undefined is not a function 

또는

var closeSpan = document.createElement("span"); 
closeSpan.setAttribute("class","sr-only"); 
closeSpan.append("Close"); //UncaughtTypeError: undefined is not a function 

Answer 4

이 아닌 경우 당신과 같이 closeSpan.appendChild 및 document.createTextNode을 사용, jQuery를 사용하려면 :

var closeSpan = document.createElement("span"); 
closeSpan.setAttribute("class","sr-only"); 
closeSpan.appendChild(document.createTextNode("Close")); 

이 방법은 크로스 브라우저 호환성을 극대화합니다. 이전 버전의 IE를 포함하여 모든 브라우저에서 작동합니다.

당신이이 jQuery를 사용 하시겠습니까 경우에, 당신은 한 줄에이 작업을 수행 할 수 있습니다 :

var closeSpan = $("<span></span>").addClass("sr-only").text("Close")[0];