元素内容,只需要一行代码:
<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 标签)替换为原始文本内容。 举个栗子:
输出:
4.outerText属性
externalText 本质上与innerText 相同,只是它的作用域扩展为包括调用它的节点。 读取文本值时,outerText 给出的结果与innerText 完全相同。 但在写入模式下,outerText 完全不同:outerText 不仅仅替换它所调用的元素的子元素,而是替换整个元素(包括子元素)。 例如:
div.outerText = "Hello world!";
这行代码实际上相当于下面两行代码:
var text = document.createTextNode("Hello world!");
div.parentNode.replaceChild(text,div);
本质上,新的文本节点完全取代了称为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()。 现在你清楚了吗?