2009-09-25 200 views
1

純文本我有HTML添加<p></p>在HTML

<div id="description"> Text with not paragraph tag</div> 

的一個小片段是否有CSS或JQUERY任何方式來解決這個問題?

+1

應該被包裹在另一個標籤。那麼,請你提供樣品。 – 2009-09-25 11:24:35

+0

以前的標籤是BODY,我無法將全身所需的CSS應用到我的身上! – CLiown 2009-09-25 11:34:36

回答

7

wrapInner()是你追求的,我認爲

$("#description").wrapInner('<p></p>'); 

將導致

<div id="description"><p>Text with not paragraph tag</p></div> 
-1

可以樣式的所有使用身體CSS屬性頁面,例如上的文字:將適用於包含在HTML頁面上的所有文本

body { 
font-size: 1.3em; 
} 

。這真的是更好的封裝內的文本格式正確的HTML,雖然;)

1

實際上,你不要」不需要JQuery來做到這一點(儘管Russ Cam指出JQuery只需一次函數調用就可以快速簡單地完成這項工作),但這種做法很簡單。

var tag = document.getElementByID("description"); 
var originalHTML = tag.innerHTML; 
tag.innerHTML = "<p>" + originalHTML + "</p>"; 

至於使用CSS,它是可行的,但它不是一個好主意。通常,在這種情況下最好使用實際的HTML。

但是,如果你只是想解決標籤:

#description{ 
    padding-top: 10px; 
} 
+1

我不會推薦像這樣拋出innerHTML,你會失去任何不可串行化的數據,如表單字段值,JavaScript引用和事件處理程序對所包含的內容。你可以通過'createElement' - 一個'p','appendChild'將所有'div.childNodes'添加到'p',然後'appendChild'將'p'添加到'div'。 – bobince 2009-09-25 12:12:43

相關問題