jquery中html()或text()⽅法获取或设置p标签的值
html()⽅法可以⽤来读取或者设置某个元素中的HTML内容,text()⽅法可以⽤来读取或者没置某个元素中的⽂本内容
html()⽅法
此⽅法类似于JavaScript中的innerHTML属性,可以⽤来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样:
var p_html = $("p").html(); //获取p元素的HTML代码
如果需要设置某元素的HTML代码,那么也可以使⽤该⽅法,不过需要为它传递⼀个参数。例如要设置p元素的HTML代码,可以使⽤如下代码:
//设置p元素的HTML代码
$("p").html("欢迎您访问简明现代魔法图书馆~~");
注意:html()⽅法可以⽤于XHTML⽂档,但不能⽤于XML⽂档。
text()⽅法
jquery修改html内容此⽅法类似于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);
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论