2012-06-08 13 views
16

javascriptを使用して空のスペースを作成するにはどうすればよいですか?あなたは、私は信じてdocument.createTextNode(' ')を探している 次は私のために働いていません。..空のHTMLスペースをオンザフライで作成Javascript

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

あなたは本当にただ、次を使用し、空白文字を追加したい場合は、次のHTMLエンティティの

div.innerHTML += ' '; 

または

div.innerHTML += ' '; 

+2

innerHTMLは慎重に使用してください。 [潜在的な問題]でお読みください(http://stackoverflow.com/questions/8190024/is-innerhtml-still-considered-to-be-evil-and-why) – Brad

5

エンティティではなくプレーンテキストにのみ使用できます。

+0

@アンドレアスあなたはそうです。私は、これはエンティティではなくストレートテキストを追加するためにのみ使用できることを反映するために私の答えを編集しました。 –

+4

@AlexGamezoそうではありません。 '.createTextNode( '\ u00A0')'は改行しないスペースを生成します。 – Andreas

58

使用してみてくださいこの:

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

あなたが/を使用し、より多くのスペースを必要とする場合\u00A0いくつかの例:

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

この1:

document.createEntityReference('nbsp'); 

doesnの」すべてのブラウザで作業するので、を避けてください。

+2

document.createEntityReferenceはウェブブラウザで正しくサポートされていませんFirefox、IE、およびOperaなど)。 Ref: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

のli [リスト]の間にスペースを追加するために、複数行の文章は、のように、この

してみてください:を私はこれが助けることができる私の肌
の方が重要だとオーガニック製品

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-c​​an- i-do-代わりに)。 - [レビューの投稿](レビュー/低品質の投稿/ 17746604) – cramopy

+1

このコードをご利用いただきありがとうございます。 [適切な説明](https://meta.stackexchange.com/questions/114762)は、なぜこれが問題の良い解決策であるのかを示すことで、教育的価値を大幅に向上させ、同様の傾向を持つ将来の読者にとって、しかし、同一ではない質問。説明を追加するためにあなたの答えを編集し、どのような制限と前提が適用されるかを示してください。 –

関連する問題