学习innerHTML

本文介绍了HTML中innerHTML属性的应用,包括如何使用该属性获取div标签内的内容及如何向h1标签追加内容。通过示例代码展示了innerHTML的基本用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天在学习DOM时看到innerHTML属性,想全面了解,经过百度以及自己实践,得到innerHTML可以得到标签中的内容,以及向标签中追加内容,代码如下:
1.获取div标签中的内容

这是内容
<button id = "btn">点我获取上面的内容</button> -->


var btn = document.getElementById("btn");//获取button
btn.onclick = function (){ //给button添加点击事件
var bb = document.getElementById("aa").innerHTML;
alert(bb);
}

2. 在h1标签中追加内容


点我添加内容

var btn = document.getElementById("btn");
btn.onclick = function () {
var tt = document.getElementById("h1").innerHTML = "这是追加的内容"
// alert(tt);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值