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);
}

<强> UPDATE2

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);
}

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

2 个答案: