JavaScriptの入力要素の後にテキストノードの後に改行を追加するには

スタックオーバーフローについてはさまざまな回答がありますが、動作していないようです。JavaScriptの入力要素の後にテキストノードの後に改行を追加するには

var input1 = document.createElement("input"); 
 
var input2 = document.createElement("input"); 
 
var input3 = document.createElement("input"); 
 
input1.setAttribute("type","checkbox"); 
 
input2.setAttribute("type","checkbox"); 
 
input3.setAttribute("type","checkbox"); 
 
var br = document.createElement("br"); 
 
var text1 = document.createTextNode("option1"); 
 
var text2 = document.createTextNode("option2"); 
 
var text3 = document.createTextNode("option3"); 
 
var se = document.getElementById("container"); 
 
input1.appendChild(text1); 
 
input2.appendChild(text2); 
 
input3.appendChild(text3); 
 
se.appendChild(input1); 
 
se.appendChild(br); 
 
se.appendChild(input2); 
 
se.appendChild(input3);

<body> 
 
    <form> 
 
     <div id="container"> 
 
     </div> 
 
     <br /> 
 
    </form> 
 
</body>

チェックボックスがに自分のテキストに互いの上に縦に表示するには、各入力要素に対応している私は何を取得しようとしている：ここで

コードです右と各行の最後に改行があります。私はCSSの入力要素にdisplay：blockを使用しないでください。

出典

2017-08-14 Olivier de Broqueville

あなたはあなたが入力要素にテキストノードを追加することはできません –

何もしませんチェックボックスにテキストノードを追加している、入力要素は、空のコンテンツモデルを持っています。これを適切に行う - テキストを保持するラベル要素を作成し、ラベルに入力を入れてから、CSSを使用して必要な書式を設定します。 – CBroe

希望すると、これが役に立ちます。

var input1 = document.createElement("input"); 
 
var input2 = document.createElement("input"); 
 
var input3 = document.createElement("input"); 
 
input1.setAttribute("type","checkbox"); 
 
input2.setAttribute("type","checkbox"); 
 
input3.setAttribute("type","checkbox"); 
 
var br1 = document.createElement("br"); 
 
var br2 = document.createElement("br"); 
 
var br3 = document.createElement("br"); 
 
var text1 = document.createTextNode("option1"); 
 
var text2 = document.createTextNode("option2"); 
 
var text3 = document.createTextNode("option3"); 
 
var se = document.getElementById("container"); 
 

 
se.appendChild(input1); 
 
se.appendChild(text1); 
 
se.appendChild(br1); 
 
se.appendChild(input2); 
 
se.appendChild(text2); 
 
se.appendChild(br2); 
 
se.appendChild(input3); 
 
se.appendChild(text3); 
 
se.appendChild(br3);

<body> 
 
    <form> 
 
     <div id="container"> 
 
     </div> 
 
     <br /> 
 
    </form> 
 
</body>

出典

2017-08-14 09:48:34 PraveenKumar

JavaScriptの入力要素の後にテキストノードの後に​​改行を追加するには

答えて

関連する問題

JavaScriptの入力要素の後にテキストノードの後に改行を追加するには