innerHTML的用法

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">#div1 {width: 200px;height: 200px;border: 1px solid black;}
</style>
</head><body>
<input id="txt1" type="text">
<input id="put1" type="button" value="改文字" />
<br/><br/>
<div id="div1"></div>
<script>var otxt=document.getElementById('txt1');var oput=document.getElementById('put1');var odiv=document.getElementById('div1');oput.onclick=function(){odiv.innerHTML=otxt.value;/*innerHTML里面就是正常的HTML，可以放上p、h1等*/}
</script>
</body>
</html>

更多专业前端知识，请上【猿2048】www.mk2048.com

innerHTML的用法相关推荐

javascript 中innerHTML的用法
javascript 中innerHTML的用法语法 Object.innerHTML = "HTML";//设置其内容 var html = Object.innerHTML; ...
关于innerHTML的用法,以及数据覆盖问题
关于innerHTML的用法 innerHTML用于在HTML节点中插入一段HTML,需要注意的是使用innerHTML后该节点原来的html会被被覆盖出现的问题: 代码 <!DOCTYPE ...
JavaScript中textContent、innerText和innerHTML的用法以及区别
目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 2.innerText的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 3.inne ...
innerHtml的用法及理解
innerHtml的用法及理解理解: 对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML(包括html标签以及里 ...
innerHTML连接指定HTML文件,js中innerhtml的用法
js中innerHTML与innerText的用法与区别 js中innerHTML的用法: innerHTML可获取或设置指定元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包 ...
js中innerText，innerHTML的用法
innerText,outerText,innerHTML,outerHTML 这次我们要使用另一些对象属性对来实现动态改变文本,它们就是:innerText,outerText,innerHTML, ...
javascript 中的innerHTML的用法
javascript中innerHtml用法 2009-04-21 22:52 <html> <head> <script language="javascri ...
Javascript：getElementById()点innerHTML联合用法(对比演示)
文章目录情况一情况二笔记2020_04_11 情况一代码document.getElementById("tr1").innerHTML情况下点击按钮后出现下图所示: 情 ...
html中的innerHTML的用法
熟悉html标签的innerHTML属性 innerHTML属性往往有不小的应用,那么就让我们来看一下吧: 1:最简单的innerHTML应用莫过如此,在html代码如下所示: <div id= ...

innerHTML的用法

innerHTML的用法相关推荐

最新文章

热门文章