js 通过html()及text()方法获取并设置p标签的显示值
2023-09-14 08:58:41 时间
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);
相关文章
- JS框架_(JQuery.js)夜晚天空满天星星闪烁动画
- JS框架_(Bootstrap.js)实现简单的轮播图
- Node.js之Express四
- 一眼毁三观:JS中令人发指的valueOf方法
- node.js和socket.io实现im
- [Vue-rx] Cache Remote Data Requests with RxJS and Vue.js
- 在引入的css或者js文件后面加参数的作用
- js小案例:使用location.href自动跳转页面
- 华为OD机试 - 约瑟夫问题(Java & JS & Python)
- 原生js实现随机验证码HTMl-JS
- javascript(js) Uint8Array转普通数组(int数组)数组拼接concat Uint8Array没有concat()方法
- vue3 - import js文件eslint报错-解决
- JS:使用Mock.js生成随机数据,拦截 Ajax 请求
- JS compose 函数实现
- (三十七)js改变this指向的方法
- js-template-art【四】通过helper方法注册,调用外部方法
- js正則表達式语法
- js中return false,return,return true的使用方法及区别
- 原生js实现随机验证码HTMl-JS
- 2021前端常见面试题必考必问:JS中null和undefined与NaN的判断方法和区别?
- JS判断相等或者不等于(==、===、!=、!==)运算符
- JS工具方法 4 伪元素点击事件实现的两种方法