js-innerHTML

来源:互联网 发布:vue.js什么时候发布的 编辑:程序博客网 时间:2024/05/18 00:16

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.onload=function(){var oTxt=document.getElementById('txt1');var oBtn=document.getElementById('btn1');var oDiv=document.getElementById('div1');oBtn.onclick=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的结果: 

输入<input type="button" value="培训" />
  <input type="button" value="招生" />
  <input type="button" value="出国" />的结果为:



0 0
原创粉丝点击