innerHTML的用法
生活随笔
收集整理的這篇文章主要介紹了
innerHTML的用法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</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>
更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎
?
更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎
總結(jié)
以上是生活随笔為你收集整理的innerHTML的用法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： DOM相关知识点
- 下一篇： HTML5 audio 如何实现播放多个