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

如何使用javascript并排创建两个标签,javascript,cordova,Javascript,Cordova,我的要求是使用javascript并排创建两个标签。我将此代码用于一个标签,我需要在第一个标签的右侧添加另一个标签 My Code is here var label = document.createElement('label'); label.innerHTML = "Hi"; document.body.appendChild(document.createElement("br")); document.body.app

我的要求是使用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

在添加标签之前,您还添加了

元素,从而强制标签位于下一行


标签是内联元素,因此它们不需要显示属性。

在添加标签之前,您还添加了

元素,从而强制标签位于下一行


标签是内联元素,因此它们不需要显示属性。

我想这就是您要找的

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

我想这就是你要找的

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

您应该了解CSS的web技术,这使您能够设计web样式UIs@ColinE你的评论中包含了
w3dougs.com
。@AspiringAqib我刚刚访问了w3dougs-我明白你的意思。我将不再分享到w3schools的链接。你应该了解web技术CSS,它允许你设计web样式UIs@ColinE你的评论中包含了
w3dougs.com
。@AspiringAqib我刚刚访问了w3dougs-我明白你的意思。我不再为您的代码共享w3schools.thanx的链接,但我的要求是从一个函数打印第一个标签数据,并在另一个函数中打印第二个标签function@Madhavi那么,当从数组中打印值时,您面临什么问题,请发布您的代码,我建议您将代码放在同一个问题中,或者开始一个新问题。@Madhavi你能打印数组中的值吗??是的,我知道了。Thanx表示您的帮助Thanx表示您的代码,但我的要求是从一个函数打印第一个标签数据,并在另一个函数中打印第二个标签function@Madhavi那么,当从数组中打印值时,您面临什么问题,请发布您的代码,我建议您将代码放在同一个问题中,或者开始一个新问题。@Madhavi你能打印数组中的值吗??是的,我知道了。谢谢你的帮助