js-innerHTML

最新推荐文章于 2025-03-03 18:57:28 发布

倚世独殇

最新推荐文章于 2025-03-03 18:57:28 发布

阅读量1.3k

点赞数

分类专栏： js学习文章标签： js innerHTML

本文链接：https://blog.youkuaiyun.com/u012804490/article/details/38369229

版权

js学习专栏收录该内容

1 篇文章

订阅专栏

innerHTML的用法：在xxxx内部的添加一些yyyy.value内容，这些内容可以是HTML标签！

下面是一个小小的例子：

<html>
<head>
<meta contentType="text/html; charset=ISO-8859-1" />
<title>muban</title>
<style>
	#div1 { width:200px; height:200px; border:1px solid red;}
</style>
<script>
	window.οnlοad=function()
	{
		var oTxt=document.getElementById('txt1');
		var oBtn=document.getElementById('btn1');
		var oDiv=document.getElementById('div1');
		oBtn.οnclick=function()
		{
			oDiv.innerHTML=oTxt.value;
		}
	}
</script>
</head>
<body>
	<input id="txt1" type="text" />
	<input id="btn1" type="button" value="设置文字" />
	<div id="div1">
	</div>
</body>
</html>

输入abcdefghi的结果：