js怎么让p标签跟随js获取text的值变换， 不需要通过按钮，p标签与js获取text的值同步

来源：蜘蛛抓取(WebSpider) 时间：2018-01-01 23:06 标签： js textcontent
js 通过html()及text()方法获取并设置p标签的显示值
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了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);
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具js使用html()或text()方法获取设置p标签的显示的值
投稿：whsnow
字体：[ ] 类型：转载 时间：
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()方法
此方法类似于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);
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具Access denied | www.quweiji.com used Cloudflare to restrict access
Please enable cookies.
What happened?
The owner of this website (www.quweiji.com) has banned your access based on your browser's signature (3ddb4-ua98).js生成一个P，p的内部有一个button，怎么实现点击生成的P里面的的button能够实现删除这条的功能？_百度知道
js生成一个P，p的内部有一个button，怎么实现点击生成的P里面的的button能够实现删除这条的功能？
下面这段代码点“发布“会弹框，输入内容点击确定会在上面，js生成一个P，p的内部有一个button，怎么实现点击生成的P里面的的button能够实现删除这条的功能？
&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8&&
&title&Document&/t...
我有更好的答案
&quot,&nbsp.parentNode););&&this.parentNode.parentNode.removeChild(this在生成的button 的onclick事件里面加上删除父节点代码在var button = createNodeWithText(&button&;×&)后面加上button.setAttribute(&onclick&
采纳率：89%
为您推荐：
其他类似问题
button的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。jQuery教程2---隐藏p标签内容-按钮
编辑：www.fx114.net
本篇文章主要介绍了"jQuery教程2---隐藏p标签内容-按钮 "，主要涉及到jQuery教程2---隐藏p标签内容-按钮 方面的内容，对于jQuery教程2---隐藏p标签内容-按钮 感兴趣的同学可以参考一下。
    &title&jQuery教程2---隐藏p标签内容&/title&
    &script src=&js/jQuery.js& type=&text/javascript&&&/script&
    &script type=&text/javascript&&
$(document).ready(function(){
$(&button&).click(function(){
$(&p&).hide();
    &/script&
    &h2&
        This is a heading&/h2&
    &p&
        This is a paragraph.&/p&
    &p&
        This is another paragraph.&/p&
    &button type=&button&&         Click me&/button&
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
本文标题：
本页链接：

我要回帖

更多关于 js textcontent 的文章

 

随机推荐