[點晴永久免費OA]【JavaScript】jQuery獲取html代碼以及更改內容
當前位置:點晴教程→點晴OA辦公管理信息系統
→『 經驗分享&問題答疑 』
<!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代碼,更改內容: 該文章在 2023/4/28 14:27:05 編輯過 |
關鍵字查詢
相關文章
正在查詢... |