你的位置:首页 > 软件开发 > 网页设计 > js中的text(),html() ,val()的区别

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

发布时间:2016-10-07 16:00:09
js中的text(),html() ,val()的区别 text(),html() ,val()三个方法用于html元素的存值和取值,但是他们各有特点,text()用于html元素文本内容的存取,html()不但可以用于html元素文本内容的存取,还可以用于html内容的存取 ...

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

 

text(),html() ,val()三个方法用于html元素的存值和取值,但是他们各有特点,text()用于html元素文本内容的存取,html()不但可以用于html元素文本内容的存取,还可以用于html内容的存取。val()用于input元素内容的存取。

一. text()

var text = $("div").text();

console.log(text);

<div>text</div>

console:text

  

二. html()

<div><p>text</p></div>

var str = $("div").html();

console.log(str);

console:<p>text</p>

三. val()

<input type="text" value="text"/>

var str = $("input").val();

console.log(str);

console:text

异同点:

text()和html()都可以用于元素文本的存取,但是html()不仅可以用于元素文本的存取,还可以用于元素节点的存取。

val()不同于text()和html(),val()用于input节点内容的存取。

 


原标题:js中的text(),html() ,val()的区别

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。