19. jQuery-設定和獲取元素的內容
阿新 • • 發佈:2018-12-09
1. 效果圖
2. html程式碼
<!DOCTYPE html> <html> <head> <title>jQuery-設定和獲取元素的內容</title> <style type="text/css"> body{font-size:15px;text-align:center} div{border:solid 1px #666; padding:5px;width:220px;margin:5px} </style> </head> <body> <div id="divShow"><b><i>Write Less Do More</i></b></div> <div id="divHTML"></div> <div id="divText"></div> <script src="../jquery.min.js"></script> <script type="text/javascript"> $(function(){ //獲取html內容 var strHtml = $("#divShow").html(); //獲取文字內容 var strText = $("#divShow").text(); //設定html內容 $("#divHTML").html(strHtml); //設定文字內容 $("#divText").text(strText); }); </script> </body> </html>