代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>屬性操作_html代碼</title> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script> /** * 需求： * 1.點擊按鈕獲取div中 html * 2.點擊按鈕設置div中html */ /** * 方法分析 * 1.html()方法用於讀取innerHTML * 2.html(val)方法用於設置innerHTML */ /** *代碼實現 */ $(function(){ //1.點擊按鈕獲取div中 html $("#btn1").click(function(){ var divEle = $("div").html();//獲取內容 alert(divEle);//顯示變量內容 }); //2.點擊按鈕設置div中html $("#btn2").click(function(){ $("div").html("是不是");//覆蓋之前此位置的內容 }); }) </script> </head> <body> <div><p>哈哈哈</p></div> <input type="button" value="獲取html" id="btn1" /> <input type="button" value="設置html" id="btn2" /> </body> </html>
運行結果：
發現獲取的是含標簽的html代碼，
更改內容：
