2012-06-08 16 views
16

Jak utworzyć puste miejsce w locie za pomocą javascript? Poniższa nie działa dla mnie ..Tworzenie pustej przestrzeni HTML w locie Javascript

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

Niektóre opcje [opisane tutaj] (http://www.codingforums.com/showthread.php?t=17278) – Brad

+0

@MattBall że nie jest pomocne. OP najwyraźniej nie rozumiał, że ' ' nie jest tagiem, co wskazuje na nowatorski poziom umiejętności i zrozumienia. Staraj się być pomocny, nie poniżaj się - wyjaśnij, dlaczego to, co robią, nie jest poprawne. – dudewad

+0

@dudewad proszę sobie sprawę, że komentarz ma więcej niż 5 lat. –

Odpowiedz

10

Jeśli naprawdę chcą się dołączyć znak spacji, należy użyć następujących:

div.innerHTML += ' '; 

lub

div.innerHTML += ' '; 

dla podmiotu HTML.

+2

Używaj innerHTML ostrożnie. Proszę przeczytać [potencjalne problemy] (http://stackoverflow.com/questions/8190024/is-innerhtml-still-considered-to-be-evil-and-why) – Brad

5

Szukacie document.createTextNode(' ') wierzę.

Można tego używać tylko do zwykłego tekstu, ale nie do encji.

+0

@Andreas Masz rację.Zmieniłem moją odpowiedź, aby odzwierciedlić, że można jej użyć tylko do dodania prostego tekstu, a nie podmiotów. –

+4

@AlexGamezo To nie jest w porządku. '.createTextNode ('\ u00A0')' wytworzyłby niepodzieloną przestrzeń. – Andreas

58

Spróbuj użyć tego:

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

Jeśli chcesz/potrzebujesz więcej przestrzeni, należy użyć kilka \u00A0 np

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

ten jeden:

document.createEntityReference('nbsp'); 

robi” t działają wszystkie przeglądarki, więc unikaj tego.

+2

document.createEntityReference NIE jest właściwie obsługiwany przez przeglądarki internetowe takie jak Firefox, IE i Opera. Ref: https://developer.mozilla.org/en-US/docs/Web/API/document.createEntityReference – MichielB

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

działa (używam exclaimation dla bezpośredniości wyników, zastąp co chcesz

1

można to zrobić w następujący sposób;., Ale jeśli chcesz trochę pusta przestrzeń może css będzie działać lepiej (margines, wyściółkę ...)

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

dodać przestrzeń pomiędzy li [lIST] wielu linii zdaniu spróbować tej

jak w: jestem bardziej zaniepokojony moją skórę
i stosować produkty organiczne

enter image description here

0

To może pomóc !!

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") */   

Możesz dodać br tyle razy, ile chcesz, aby uzyskać wiele pustych wierszy.

-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

Nie zapewnia to odpowiedzi na pytanie. Gdy masz już wystarczającą [reputację] (https://stackoverflow.com/help/whats-reputation), będziesz mógł [komentować dowolny wpis] (https://stackoverflow.com/help/privileges/comment); zamiast tego [dostarczaj odpowiedzi, które nie wymagają wyjaśnień od pytającego] (https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- i-do-zamiast). - [Z recenzji] (/ opinia/niskiej jakości-posty/17746604) – cramopy

+1

Dziękujemy za ten fragment kodu, który może zapewnić natychmiastową pomoc. [Właściwe wyjaśnienie] (https://meta.stackexchange.com/questions/114762) znacznie poprawiłoby jego wartość edukacyjną, pokazując, dlaczego jest to dobre rozwiązanie problemu i sprawiłoby, że byłoby ono bardziej użyteczne dla przyszłych czytelników z podobnymi, ale nie identyczne, pytania. Zmodyfikuj swoją odpowiedź, aby dodać wyjaśnienie i podaj, jakie ograniczenia i założenia mają zastosowanie. –

Powiązane problemy