zoukankan      html  css  js  c++  java
  • js 通过html()及text()方法获取并设置p标签的显示值

    html()方法

    此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样:

    复制代码 代码如下:

    var p_html = $("p").html(); //获取p元素的HTML代码


    如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数。例如要设置p元素的HTML代码,可以使用如下代码:

    复制代码 代码如下:

    //设置p元素的HTML代码
    $("p").html("欢迎您访问简明现代魔法图书馆~~");


    注意:html()方法可以用于XHTML文档,但不能用于XML文档。

    text()方法

    此方法类似于JavaScript中的innerText属性,可以用来读取或者没置某个元素中的文本内容。继续使用以上的HTML代码,用text()方法对p元素进行操作:

    复制代码 代码如下:

    var p_text = $("p").text(); //获取p元素的文本内容


    与html()方法一样,如果需要为某元素设置文本内容,那么也需要传递一个参数。例如对p元素设置文本内容,代码如下:

    复制代码 代码如下:

    // 设置p元素的文本内容
    $("p").text("欢迎您访问简明现代魔法图书馆~~");


    要注意下面两点:

    JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器.
    text()方法对HTML文档和XML文档都有效。

    显示好友列表时,在显示好友名字的<p></p>元素中设置:<p id="p${friend.friendId}"></p>,这样js文件就可以动态获取<p></p>元素的id,并顺利通过text()方法赋值$("#p"+userId).text(name);

  • 相关阅读:
    HDU 3401 Trade
    POJ 1151 Atlantis
    HDU 3415 Max Sum of MaxKsubsequence
    HDU 4234 Moving Points
    HDU 4258 Covered Walkway
    HDU 4391 Paint The Wall
    HDU 1199 Color the Ball
    HDU 4374 One hundred layer
    HDU 3507 Print Article
    GCC特性之__init修饰解析 kasalyn的专栏 博客频道 CSDN.NET
  • 原文地址:https://www.cnblogs.com/fengff/p/8277369.html
Copyright © 2011-2022 走看看