js中的val() 和 text() html() 区别

来源：互联网发布：哈尔滨淘宝培训学校编辑：程序博客网时间：2024/06/08 16:27

共同点：text()，html() ，val()三个方法用于html元素的存值和取值。

区别：text()用于html元素文本内容的存取

html()不但可以用于html元素文本内容的存取，还可以用于html内容的存取

val()用于input元素内容的存取

示例如下：

js代码如下：

console.log($("p").val());

控制台的输出信息为空。

将js代码改成下面形式：

console.log($("p").html());

控制台输出信息为：

我们

js代码改成下面形式：

console.log($("p").text());

控制台输出信息为：

我们

js代码改成下面形式：

console.log($("input").html());

或者console.log($("input").text());

控制台没有输出信息

js代码改成下面形式：

console.log($("input").val());

控制台输出信息为：

幸福

通过以上示例，我们得出结论：

除了<input>外，我们想获取/设置元素的文本值，可以采用html()或者text()

但是<input>的时候，我们想设置/获取元素的文本值，只能用val()函数

阅读全文

0 0