JS，Jquery innerhtml html innertext text的用法

html()方法

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

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

//JavaScript中的innerHTML属性

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

如果需要设置某元素的HTML代码，那么也可以使用该方法，不过需要为它传递一个参数。例如要设置p元素的HTML代码，可以使用如下代码：

//设置p元素的HTML代码
$("p").html("欢迎您访问～～");

//或者

$("p").html(Date（）);

注意：html()方法可以用于XHTML文档，但不能用于XML文档。

text()方法

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

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

//JavaScript中的inneText属性

var p_text = $("p").innerText;

与html()方法一样，如果需要为某元素设置文本内容，那么也需要传递一个参数。例如对p元素设置文本内容，代码如下：

// 设置p元素的文本内容
$("p").text("欢迎您访问");

//或

$("p").text(Date);

要注意下面两点：

JavaScript中的innerText属性并不能在Firefox浏览器下运行，而jQuery的text()方法支持所有的浏览器．

text()方法对HTML文档和XML文档都有效。

显示好友列表时，在显示好友名字的元素中设置：，这样js文件就可以动态获取元素的id，并顺利通过text()方法赋值$("#p"+userId).text(name);

JS，Jquery innerhtml html innertext text的用法相关推荐

html页面的text用法,js中innerHTML，innerText，outerHTML用法总结
如何获取DIV里面的内容,在js中为大家提供了三种方法,分别是outerHTML.innerHTML和innerText,这里要注意大小写!看起来长得很像,那么到底怎么使用以及它们之间有什么区别,我想 ...
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '&l ...
JS DOM innerHTML和innerText
JS DOM innerHTML和innerText 在JavaScript中,我们可以使用innerHTML属性很方便地获取和设置一个元素的"内部元素",也可以使用innerTe ...
js中innerHTML与innerText的用法与区别【转自http://blog.sina.com.cn/johnpu】
用法:SupeSite/X-Space官方站%x-ZP$k?'DWZ_{ SupeSite/X-Space官方站K?_/T9s3^QJ a4X <div id="test"& ...
innerHTML连接指定HTML文件,js中innerhtml的用法
js中innerHTML与innerText的用法与区别 js中innerHTML的用法: innerHTML可获取或设置指定元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包 ...
JS中innerHTML,innerText,outHTML的用法及区别
一张图解释: 对于一个id为"testdiv"的div来说,outerHTML.innerHTML以及innerTEXT三者的区别可以通过下图展示出来: 文字解释: innerHT ...
JS中innerHTML、outerHTML、innerText、outerText的用法与区别
1.功能说明: innerHTML 设置或获取位于对象起始和结束标签内的 HTML innerText 设置或获取位于对象起始和结束标签内的文本 outerHTML 设置或获取对象及其内容的HTML形 ...
InnerHTML、InnerText、outerHTML的用法与区别
InnerHTML.InnerText.outerHTML的用法与区别 InnerHTML获取或设置指定元素标记内的HTML内容,从元素标记的开始到元素标记的结束 InnerText获取或设置指定元素 ...
原生html例子,原生js的innerHTML用法示例
这篇文章主要为大家详细介绍了原生js的innerHTML用法示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧. 上一篇简单提到了innerHTML ...

JS，Jquery innerhtml html innertext text的用法

JS，Jquery innerhtml html innertext text的用法相关推荐

最新文章

热门文章