zoukankan      html  css  js  c++  java
  • js获取并设置<p></p>的显示的值。


    原文链接:http://www.nowamagic.net/librarys/posts/jquery/23

    html()方法

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

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

    假设须要设置某元素的HTML代码,那么也能够使用该方法,只是须要为它传递一个參数。比如要设置p元素的HTML代码,能够使用例如以下代码:

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

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

    text()方法

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

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

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

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

    要注意以下两点:

    1. JavaScript中的innerText属性并不能在Firefox浏览器下执行,而jQuery的text()方法支持全部的浏览器.
    2. text()方法对HTML文档和XML文档都有效。
    显示好友列表时,在显示好友名字的<p></p>元素中设置:<p id="p${friend.friendId}"></p>,这样js文件就能够动态获取<p></p>元素的id,并顺利通过text()方法赋值$("#p"+userId).text(name);    

  • 相关阅读:
    CF 461B Appleman and Tree
    POJ 1821 Fence
    NOIP 2012 开车旅行
    CF 494B Obsessive String
    BZOJ2337 XOR和路径
    CF 24D Broken robot
    POJ 1952 BUY LOW, BUY LOWER
    SPOJ NAPTIME Naptime
    POJ 3585
    CF 453B Little Pony and Harmony Chest
  • 原文地址:https://www.cnblogs.com/yxwkf/p/4034832.html
Copyright © 2011-2022 走看看