[点晴永久免费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 编辑过 |
关键字查询
相关文章
正在查询... |