2012-06-08 4 views
16

자바 스크립트를 사용하여 빈 공간을 어떻게 만들 수 있습니까? 당신이 document.createTextNode(' ')을 찾고 .. 나를 위해 작동하지 않습니다플라이 자바 스크립트에서 빈 HTML 공간 만들기

var blank = document.createElement(" "); 
div.appendChild(blank); 
+0

일부 옵션 (http://www.codingforums.com/showthread.php?t=17278) 도움이되지이다 – Brad

+0

@MattBall. OP는 분명히 ' '이 초보자 수준의 기술과 이해를 나타내는 태그가 아니라는 것을 이해하지 못했습니다. 타협하지 않고 도움이되도록 노력하십시오 - 그들이하는 일이 왜 정확하지 않은지 설명하십시오. – dudewad

+0

@dudewad 댓글이 5 년 이상 된 것을 알아 주시기 바랍니다. –

답변

10

, 다음 사용

div.innerHTML += ' '; 

또는 HTML 개체에 대한

div.innerHTML += ' '; 

.

+2

innerHTML은주의해서 사용해야합니다. [잠재적 인 문제] (http://stackoverflow.com/questions/8190024/is-innerhtml-still-considered-to-be-evil-and-why)에서 참조하십시오. – Brad

5

을 다음 저는 믿습니다.

이것은 엔티티가 아닌 일반 텍스트에만 사용할 수 있습니다. 당신은 정말 그냥 공백 문자를 추가하려면

+0

@ Andreas 네 말이 맞아.엔티티가 아닌 직선 텍스트를 추가하는 데만 사용할 수 있음을 반영하여 답변을 편집했습니다. –

+4

@AlexGamezo 그건 옳지 않습니다. '.createTextNode ('\ u00A0')'는 비 분리 공간을 생성합니다. – Andreas

58

사용해보십시오이 :

myElement.appendChild(document.createTextNode('\u00A0')); 

당신은/사용, 더 많은 공간을 필요로합니다 \u00A0 몇 가지 예 :

myElement.appendChild(document.createTextNode('\u00A0\u00A0')); 

이 하나

document.createEntityReference('nbsp'); 

아무튼 ' 모든 브라우저에서 작동하므로, 회피하십시오.

+2

document.createEntityReference가 웹 브라우저에서 제대로 지원되지 않습니다. Firefox, IE 및 Opera와 같은 참고 : https://developer.mozilla.org/en-US/docs/Web/API/document.createEntityReference – MichielB

0
document.getElementById("mydiv").innerHTML +="!"; 

작품 (나는 당신이 원하는 무엇을 교체, 결과의 즉시 성을 위해 exclaimation를 사용

1
다음과 같이 그렇게 할 수

;. 당신이 어떤 빈 공간을 원한다면하지만 어쩌면 CSS가 더 잘 작동 것 (마진, 패딩을 , ...)

var span = document.createElement("span"); 
span.innerHTML = " "; // (if this doesn't work try " ") 
anyElement.appendChild(span); // make sure anyElement actually points to a DOM element 
-2

은에서와 같이이

을 시도 리튬 [목록] 멀티 라인 문장 ​​사이에 공간을 추가하는 :을 내가
및 사용 유기농 제품

enter image description here

0

내 피부에 대한 자세한 걱정이 도움이 될!

var blank = document.createElement("br"); 
    /*this creates a br(for a break) element dynamically */ 
myElement.appendChild(blank); 
    /* myElement could be any HTML element like div , 
    span , img etc created dynamically , 
    var myElement = document.createElement("your element") */   

많은 빈 줄을 가져 오려는 횟수만큼 br를 추가 할 수 있습니다. [여기에 설명]

-1
<body> 
<table id="nadis"> 

</tr> 
</table> 

</body> 

var numarray = ["1.1", "12.20", "151.12", 1000.23,12451.0733]; 
    var highetlen = 0; 
    for(var i=0; i<numarray.length; i++){ 
     var n = numarray[i].toString(); 
     var res= n.split("."); 
     n = res[0]; 

     if(highetlen < n.length){ 
     highetlen = n.length; 
     } 

    } 

    for(var j=0; j<numarray.length; j++){ 
     var s = numarray[j].toString(); 
     var res= s.split("."); 
     s = res[0]; 

     if(highetlen > s.length){ 
     var finallevel = highetlen - s.length; 

     var finalhigh = ""; 
     for(k=0;k<finallevel;k++){ 
     finalhigh = finalhigh+ '&#160; '; 
     } 
     numarray[j] = finalhigh + numarray[j]; 
     } 
     var nadiss = document.getElementById("nadis"); 
     nadiss.innerHTML += "<tr><td>" + numarray[j] + "</td></tr>"; 
    } 
+0

이 질문에 대한 답변을 제공하지 않습니다. 충분한 [평판] (https://stackoverflow.com/help/whats-reputation)이 있으면 [모든 게시물에 주석 달기] (https://stackoverflow.com/help/privileges/comment) 할 수 있습니다. 대신, [질문자의 설명이 필요없는 답변을 제공하십시오] (https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- i-do- 대신). - [리뷰에서] (리뷰/저품절 포스트/17746604) – cramopy

+1

이 코드 스 니펫을 이용해 주셔서 감사 드리며 도움이 될 것입니다. 적절한 설명 (https://meta.stackexchange.com/questions/114762)은 이것이 왜이 문제에 대한 좋은 해결책인지를 보여줌으로써 교육적 가치를 크게 향상시킬 것이며, 비슷한 미래의 독자들에게 더 유용하게 활용할 수 있습니다. 그러나 동일하지는 않습니다. 설명을 추가하여 답을 편집하고 어떤 제한 및 가정이 적용되는지 표시하십시오. –

관련 문제