<head>
<meta charset="UTF-8">
<title>2.操作标签内容</title>
</head>
<body>
<div class="no1">
<span style="color: fuchsia">今晚打老虎</span>
</div>
<hr>
<div class="btn">
<input type="button" value="显示innerHtml">
<input type="button" value="更改innerHtml">
<input type="button" value="获取Text">
<input type="button" value="更改innerHtml2">
</div>
<hr>
<div id="show"></div>
</body>
<script src="js/jquery-1.8.3.js"></script>
<script>
/*显示标签内容*/
$(".btn :button :eq(0)").on("click",function () {
$("#show").html($(".no1 span:first").html());
})
$(".btn :button :eq(1)").on("click",function () {
$(".no1 span:first").html("老虎没打着");
})
/*获取text*/
$(".btn :button :eq(2)").on("click",function () {
$("#show").html($(".no1 span:first").text());
})
$(".btn :button :eq(3)").on("click",function () {
$(".no1 span:first").html("<input type='text' value='想不到吧'>")
})
</script>
原创文章，作者：506227337，如若转载，请注明出处：https://blog.ytso.com/244714.html