[點(diǎn)晴永久免費(fèi)OA]【JavaScript】jQuery獲取html代碼以及更改內(nèi)容
<!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.點(diǎn)擊按鈕獲取div中html * 2.點(diǎn)擊按鈕設(shè)置div中html */ /** * 方法分析 * 1.html()方法用于讀取innerHTML * 2.html(val)方法用于設(shè)置innerHTML */ /** *代碼實(shí)現(xiàn) */ $(function(){ //1.點(diǎn)擊按鈕獲取div中html $("#btn1").click(function(){ var divEle = $("div").html();//獲取內(nèi)容 alert(divEle);//顯示變量?jī)?nèi)容 }); //2.點(diǎn)擊按鈕設(shè)置div中html $("#btn2").click(function(){ $("div").html("是不是");//覆蓋之前此位置的內(nèi)容 }); }) </script> </head> <body> <div><p>哈哈哈</p></div> <input type="button" value="獲取html" id="btn1" /> <input type="button" value="設(shè)置html" id="btn2" /> </body> </html> 運(yùn)行結(jié)果: 發(fā)現(xiàn)獲取的是含標(biāo)簽的html代碼,更改內(nèi)容: 該文章在 2023/4/28 14:27:05 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |