jquery 文本框 值-JS 中获取元素属性的 8 个技巧

2023-08-29 0 5,609 百度已收录

元素内容,只需要一行代码:

<pre class="code-snippet__js" data-lang="javascript">

div.innerText = "Hello world!";

执行这行代码后jquery 文本框 值,页面的HTML代码将如下所示:

Hello world!

设置innerText属性会删除所有现有的子节点,从而彻底改变DOM树。

设置innerText将始终只生成当前节点的子文本节点jquery 文本框 值,并且为了确保只生成子文本节点,文本必须是HTML编码的。 利用这一点,可以通过innerText属性过滤掉HTML标签。 方法是设置innerText等于innerText,这样就可以去掉所有的HTML标签,如:

div.innerText = div.innerText;

当这行代码执行时,它会将容器元素中的所有内容(包括子节点,从而删除 HTML 标签)替换为原始文本内容。 举个栗子:

jquery 文本框 值-JS 中获取元素属性的 8 个技巧

输出:

4.outerText属性

externalText 本质上与innerText 相同,只是它的作用域扩展为包括调用它的节点。 读取文本值时,outerText 给出的结果与innerText 完全相同。 但在写入模式下,outerText 完全不同:outerText 不仅仅替换它所调用的元素的子元素,而是替换整个元素(包括子元素)。 例如:

div.outerText = "Hello world!";

这行代码实际上相当于下面两行代码:

var text = document.createTextNode("Hello world!");div.parentNode.replaceChild(text,div);

jquery 文本框 值-JS 中获取元素属性的 8 个技巧

本质上,新的文本节点完全取代了称为outerText 的元素。 此后,该元素将从文档中删除并且无法访问。

5. 值属性

属性设置或返回密码字段的默认值。 获取文本框的值。

6.text():设置或获取所选元素的文本内容

1)无参数text():

获取所有匹配元素的内容。 结果是由所有匹配元素中包含的文本内容组合而成的文本。 返回的是一个String。

2)有一个参数text(val):

设置所有匹配元素的文本内容,类似于 html(),但会对 HTML 进行编码(将“”替换为相应的 HTML 实体)。 返回一个 jquery 对象。

7. html():设置或获取所选元素的内容(包括html标签)

1)无参数html():

获取第一个匹配元素的html内容。 此函数不能用于 XML 文档。 但它可以用在XHTML文档中,并且它返回一个String。

2)有html(val):

设置每个匹配元素的 html 内容。 此函数不能用于 XML 文档。 但可用于XHTML 文档。 返回一个 jQuery 对象。

8.val()方法

主要用于获取input、select、textarea等表单元素的值。 当调用空集合时,它返回 undefined;

1)无参数val():

获取匹配元素集中第一个元素的当前值。 例子:

HTML 代码:

控制台输出:

2)有一个参数val(val):

设置每个匹配元素的值。 返回一个 jQuery 对象。

总结

对于这八个方法:innerHTML、outerHTML、innerText、outerText、value、text()、html()、val()。 现在你清楚了吗?

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 jquery jquery 文本框 值-JS 中获取元素属性的 8 个技巧 https://www.wkzy.net/game/182084.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务