如何使用javascript並排創建兩個標籤使用javascript

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

來源

2013-02-19 User

你應該瞭解網絡技術CSS http://www.w3schools.com/css/這可以讓你風格的網頁UI – ColinE 2013-02-19 06:28:21

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

@AspiringAqib我剛剛訪問過w3fools - 我明白了你的觀點。我不會再與w3schools分享鏈接。 – ColinE 2013-02-19 06:33:02

我認爲這是你在找什麼。

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

來源

2013-02-19 06:40:58 Bhushan

thanx的我們的代碼，但我的要求是從一個功能打印第一標記數據，而在另一個功能 – User 2013-02-19 06:46:14

打印第二標籤@Madhavi我已經更新了我的代碼.. – Bhushan 2013-02-19 06:49:48

這工作得很好，但我必須從陣列 – User 2013-02-19 09:41:23

在追加標籤之前，您還附加了<br>元素，強制它在下一行。

標籤是內聯元素，因此他們不需要display財產。

來源

2013-02-19 06:27:02

如何使用javascript並排創建兩個標籤使用javascript

回答

相關問題