2012-10-17 56 views
0

我有一個跨度元素R和元素space, chk, and text分別保存換行符,複選框元素和文本節點。使用javascript組織跨度標記中的元素

這裏是我使用附加的元素的javascript:

 R.appendChild(space); 
    R.appendChild(chk); 
    R.appendChild(txt); 

和HTML爲跨度:

什麼是組織這些要素的有效途徑,使他們都印

Selected Address <span style="position:absolute: top:100px; right:700px;"id="results">&nbsp;</span> 
在頁面上的行/列論壇?像這樣:

Selected  Address 

checkbox  64-21 broad street 
checkbox  58-99 narrow street 

我動態地生成這些元素,所以它將不得不寫在JavaScript和自動化。在旁註中,我也無法在頁面上定位跨度。更改style屬性中的「位置」似乎對其沒有影響。

任何幫助表示讚賞。

+0

整理HTML到行和使用樣式表定位元素。 JavaScript看起來似乎在這裏矯枉過正。 – Blender

+1

你能澄清這個問題嗎?現在好像你在問怎麼創建一個表格,或者至少是一個表格顯示。答案是:使用'table',或者使用由CSS定義的固定寬度的元素。另外,你說'space'包含一個換行符。如果是這樣,'R.appendChild(space);'應該拋出一個錯誤,因爲'appendChild'要求你傳遞一個'Node'。 –

+0

空間變量實際上包含一個節點,它擁有「br」而不是它自己的字符。我猜想一張桌子是我正在尋找的,我只想知道如何整齊地呈現生成的數據。如果我知道如何在每列之間設置相等的空間,那麼我可以僅使用中間的空格來打印元素,然後在每行的末尾調用換行符。 – Mike

回答

1

約span元素的小問題...

在跨度的style屬性,是第二個冒號(「絕對」和「之間頂部「)一個錯字?看起來應該是一個分號。

說不上來的span'll是否仍然是相關的,如果你有一個HTML表結構去(如others've已經建議),但... :-)