JS基础—innerHTML

最新推荐文章于 2024-04-01 07:30:00 发布

波克比520

最新推荐文章于 2024-04-01 07:30:00 发布

阅读量649

点赞数

分类专栏： javascript 文章标签： js

本文链接：https://blog.csdn.net/u011175410/article/details/40586199

版权

javascript 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js基础——innerHTML</title>
<script>
window.onload = function(){
	var oText = document.getElementById('text');
	var oBtn = document.getElementById('btn');
	var oP = document.getElementById('p');
	
	oBtn.onclick = function(){
		
		//alert(oP.innerHTML);
		oP.innerHTML = oText.value;	
	};	
};
</script>
</head>

<body>
<input id="text" type="text">
<input id="btn" type="button" value="按钮">
<p id="p">这是一个段落</p>
</body>
</html>

用法：
oP.innerHTML => 读取p里面所有的html代码
oP.innerHTML = 123; => 替换p里面所有的html代码