jQuery標籤包含內容操作
標籤包含內容操作
利用javascript操作:
dvnode.innerHTML取得div包含的資訊
dvnode.innerHTML = XXX; 設定div包含的內容
註:innerHTML不是w3c標準技術,許多瀏覽器對其有支援而已
利用jquery操作:
$().html(); //取得節點所包含的資訊
$().html(資訊); //設定節點所包含的內容
- ##$().text (); //取得節點所包含的「文字字串資訊」內容
- $().text(資訊); //設定節點所包含的內容(有html標籤就把“><”符號變成符號實體)
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ alert($('div').html()); alert($('div').text()); } function f2(){ $('div').text("这里是php中文网"); } </script> </head> <body> <div>欢迎 <p>大家 <span>学习jQuery</span></p></div> <input type="button" value="获取" onclick="f1()" /> <input type="button" value="设置" onclick="f2()" /> </body> </html>
#html() 和text()方法的區別: