2013-02-19 135 views
1

我的要求是使用javascript并排创建两个标签。我用这个代码作为一个标签,我需要另一个标签到第一个标签的右侧。如何使用javascript并排创建两个标签使用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 
+0

你应该了解网络技术CSS http://www.w3schools.com/css/这可以让你风格的网页UI – ColinE 2013-02-19 06:28:21

+0

@ColinE你在你的评论中包含'w3fools.com'。 – 2013-02-19 06:29:09

+0

@AspiringAqib我刚刚访问过w3fools - 我明白了你的观点。我不会再与w3schools分享链接。 – ColinE 2013-02-19 06:33:02

回答

0

我认为这是你在找什么。

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

UPDATE1:

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

thanx的我们的代码,但我的要求是从一个功能打印第一标记数据,而在另一个功能 – User 2013-02-19 06:46:14

+0

打印第二标签@Madhavi我已经更新了我的代码.. – Bhushan 2013-02-19 06:49:48

+0

这工作得很好,但我必须从阵列 – User 2013-02-19 09:41:23

1

在追加标签之前,您还附加了<br>元素,强制它在下一行。

标签是内联元素,因此他们不需要display财产。