关于innerHTML

最新推荐文章于 2025-03-24 17:09:09 发布

QH-fighting

最新推荐文章于 2025-03-24 17:09:09 发布

阅读量482

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qianhua521/article/details/53243229

版权

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

innerHTML在JS是双向功能：获取对象的内容  或  向对象插入内容；
如：<div id="aa">这是内容</div>   ，我们可以通过  document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；
也可以对某对象插入内容，如  document.getElementById('abc').innerHTML='这是被插入的内容';   这样就能向id为abc的对象插入内容。

例子：<div id="info"></div>

printBtn.onclick = function (){
			var info = document.getElementById("info");
			var html = "";
			for (var i = 0; i < allUsers.length; i++) {

				html += "<p>";
				html += "第"+(i+1)+"个用户信息:";
				html += ">>>>> 用户名:"+allUsers[i].username;
				html += ">>>>> 密码:"+allUsers[i].password;
				html += ">>>>> 身份证:"+allUsers[i].ID;
				html += ">>>>> 签名:"+allUsers[i].show;
				html += ">>>>> 生日:"+allUsers[i].birth;
				html += "</p>";
			}
			info.innerHTML = html;
		}