js中的text(),html() ,val()的區別


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節點內容的存取。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM