代码之家  ›  专栏  ›  技术社区  ›  CLiown

在HTML中添加纯文本

  •  1
  • CLiown  · 技术社区  · 15 年前

    我有一小段HTML

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

    在css或jquery中有什么方法可以解决这个问题吗?

    3 回复  |  直到 15 年前
        1
  •  7
  •   Russ Cam    15 年前

    wrapInner() 我想你是在追求什么

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

    将导致

    <div id="description"><p>Text with not paragraph tag</p></div>
    
        2
  •  1
  •   cwallenpoole    15 年前

    实际上,您不需要jquery来完成这项工作(尽管RussCam已经指出jquery只需一个函数调用就可以快速、轻松地完成这项工作),但不使用它就足够容易了。

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

    至于使用CSS,它是可行的,但不是一个好主意。在这种情况下,最好使用实际的HTML。

    但是,如果您只想处理这个标签:

    #description{
        padding-top: 10px;
    }
    
        3
  •  -1
  •   Richard    15 年前

    可以使用body css属性设置页面上所有文本的样式,例如:

    body {
     font-size: 1.3em;
    }
    

    这将适用于HTML页面上包含的所有文本。不过,最好将文本封装在格式正确的HTML中;)