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);
相关推荐
-
用JS实现HTML标签替换效果
有个静态页面 <span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span> 能否通过js实现,IE浏览时的代码被替换为 <img src="img/1.gif"/><img src="img/1.gif"/><i
-
js(JavaScript)实现TAB标签切换效果的简单实例
一个可以js(JavaScript)的tab标签切换代码,可以自动适应宽度,可以自己添加删除标签块,傻瓜式操作便能完成! 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401- 19991224/loose.dtd"><HTML xmlns="http://www.w
-
原生JS实现不断变化的标签
上图为博客右侧截取的GIF图,下图为代码效果 HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>SlideFont</title> </head> <body> <div class="F-SlideFont-Box"> <dl cl
-
php完全过滤HTML,JS,CSS等标签
记得以前写过一篇文章 php有效的过滤html标签,js代码,css样式标签: 复制代码 代码如下: <?php $str = preg_replace( "@<script(.*?)</script>@is", "", $str ); $str = preg_replace( "@<iframe(.*?)</iframe>@is", "", $str ); $str = preg_r
-
js获取input标签的输入值实现代码
说明:部分标签和类是封装在框架内的,其效果和html标签差不多. jsp页面: 复制代码 代码如下: <% Date d = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd"); %><% UserInfo userInfo = (UserInfo) session.getAttribute(ToftConst.Toft_SessionKey_UserData); %> &l
-
使用JS或jQuery模拟鼠标点击a标签事件代码
复制代码 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 &
-
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>add_line&
-
JSP自定义标签Taglib实现过程重点总结
Taglib指令介绍 Taglib指令,其实就是定义一个标签库以及自定义标签的前缀. 比如struts中支持的标签库,html标签库.bean标签库.logic标签库. 其中的具体的实现方式,我们不过多介绍,我们给大家从宏观的角度以及解决其中的疑难点,后面会大家介绍相应的学习资料. 除了struts的标签库,我们常见还有jstl标签库. 这样在界面jsp中引入其中的标签库或者标签库文件,然后才可以正常使用其中定义的标签. 复制代码 代码如下: <%@ taglib prefix ="bea
-
js使用html()或text()方法获取设置p标签的显示的值
html()方法 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容.要获取某个元素的内容,可以这样: var p_html = $("p").html(); //获取p元素的HTML代码 如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数.例如要设置p元素的HTML代码,可以使用如下代码: //设置p元素的HTML代码 $("p").html("欢迎您访问简明现代魔法图书
-
javascript和jquery修改a标签的href属性
javascript: 复制代码 代码如下: document.getElementById("myId").setAttribute("href","www.xxx.com"); document.getElementById("myId").href = "www.xxx.com"; jquery: 复制代码 代码如下: $("#myId").attr("href"
随机推荐
- AngularJs Understanding Angular Templates
- Windows 下的 PHP-PEAR 安装方法
- Rails中遇到错误跳转到统一提示错误页的方法
- java解析XML几种方式小结
- iOS的客户端菜单功能仿百度糯米/美团二级菜单
- Javascript 学习笔记 错误处理
- 解析php中heredoc的使用方法
- Vuex模块化实现待办事项的状态管理
- 使用微信内嵌H5网页解决JS倒计时失效问题
- java基于JDBC连接Oracle 11g Release2实例分析
- 新手SqlServer数据库dba需要注意的一些小细节
- jQuery原理系列-常用Dom操作详解
- 基于node实现websocket协议
- 关于javaWeb中405错误的解决方法
- 用C#将图片保存至Oracle BLOB字段中的方法
- 使用无限生命期Session的方法
- Laravel框架中composer自动加载的实现分析
- 详解vue静态资源打包中的坑与解决方案
- Spring MVC+FastJson+hibernate-validator整合的完整实例教程
- JavaFX程序初次运行创建数据库并执行建表SQL详解