jQuery_获取html代码以及更改内容
2024-10-07 01:23:12
代码:
<!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代码,
更改内容:
最新文章
- HelloWorld[Java]
- Debian8.2 下的软件配置
- BZOJ 1015 题解
- opencv基本的数据结构(转)
- Windows远程桌面连接Mac OS X
- Bootstrap配套的js框架
- Duilib学习笔记《06》— 窗体基类WindowImpBase
- Matlab删除NaN数据
- 单电机板机模型,f22
- CodeForces 260A Adding Digits
- Mysql的sql_mode
- 【Linux】【MySQL】CentOS7、MySQL8.0.13 骚操作速查笔记——专治各种忘词水土不服
- 【Beta阶段】展示博客
- Qt中信号(signal)和槽(slot)的几种关联方法
- Swagger2限定接口范围
- 解决AJAX session跨域失效
- Strom的集群停止以及启动
- 新建 ASP.NET MVC 项目快速代码
- Ubuntu 安装 Zabbix 3.2详细步骤
- JavaScript-闭包函数(理解)