javascript - 如何使用javascript并排创建两个标签

Question

我的要求是使用 javascript 并排创建两个标签。我将此代码用于一个标签，我需要在第一个标签右侧的另一个标签。

My Code is here

var label = document.createElement('label');
        label.innerHTML = "Hi";
            document.body.appendChild(document.createElement("br"));
            document.body.appendChild(document.createElement("br"));
            label.addEventListener("click", onClick);
            document.body.appendChild(label);

I want to create another label to the right of above one. Help me

Answer 1

您还可以在附加<br>标签之前附加元素，这会强制它位于下一行。

标签是内联元素，因此它们不需要display属性。

Answer 2

我想这就是你要找的。

var label = document.createElement('label');
var label2 = document.createElement('label');
label.innerHTML = "Hi";
label2.innerHTML = "How are you?";
document.body.appendChild(document.createElement("br"));
document.body.appendChild(document.createElement("br"));
document.body.appendChild(label);
document.body.appendChild(label2);

更新1：

function f1(){

var label = document.createElement('label');
    label.innerHTML = "Hi";
    document.body.appendChild(document.createElement("br"));
    document.body.appendChild(document.createElement("br"));
    document.body.appendChild(label);
}
function f2(){
    var label2 = document.createElement('label');
    label2.innerHTML = "How are you???";
    document.body.appendChild(label2);
}

更新2

function f1(){
var a = new Array ( "Hi", "How are you?", "i am fine?");
var label = document.createElement('label');
    label.innerHTML = a;
    document.body.appendChild(document.createElement("br"));
    document.body.appendChild(document.createElement("br"));
    document.body.appendChild(label);
}
function f2(){
    var label2 = document.createElement('label');
    label2.innerHTML = "How are you???";
    document.body.appendChild(label2);
}