Javascript中innerHTML用法實(shí)例分析
更新時(shí)間：2015年01月12日 08:55:57 投稿：shichen2014
這篇文章主要介紹了Javascript中innerHTML用法,實(shí)例分析了實(shí)用innerHTML獲取對(duì)應(yīng)元素內(nèi)容的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了Javascript中innerHTML用法。分享給大家供大家參考。
具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<html>
<head>
<script type="text/javascript">
function t(){
var cont = document.getElementById('container');
var htmlcode = "<p>哈哈哈哈</p>";
cont.innerHTML = htmlcode;
}
</script>
</head>
<body>
<div id="container">
<ul>
<li>春天</li>
<li>夏天</li>
<li>秋天</li>
<li>冬天</li>
</ul>
</div>
<div id="copyul">
</div>
<hr />
<button onclick="t()">innerHTML的使用</button>
</body>
</html>
<head>
<script type="text/javascript">
function t(){
var cont = document.getElementById('container');
var htmlcode = "<p>哈哈哈哈</p>";
cont.innerHTML = htmlcode;
}
</script>
</head>
<body>
<div id="container">
<ul>
<li>春天</li>
<li>夏天</li>
<li>秋天</li>
<li>冬天</li>
</ul>
</div>
<div id="copyul">
</div>
<hr />
<button onclick="t()">innerHTML的使用</button>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JS中innerHTML和pasteHTML的區(qū)別實(shí)例分析
- JavaScript中innerHTML，innerText，outerHTML的用法及區(qū)別
- javascript中innerText和innerHTML屬性用法實(shí)例分析
- js中的觸發(fā)事件對(duì)象event.srcElement與event.target詳解
- JavaScript獲得表單target屬性的方法
- js 有框架頁(yè)面跳轉(zhuǎn)(target)三種情況下的應(yīng)用
- JS target與currentTarget區(qū)別說(shuō)明
- javascript currentTarget對(duì)象介紹
- js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
相關(guān)文章
本篇文章通過(guò)代碼分析給大家講解了JS制作推箱子小游戲的步驟以及要點(diǎn)，需要的朋友參考學(xué)習(xí)下吧。2018-01-01
js 用于檢測(cè)類(lèi)數(shù)組對(duì)象的函數(shù)方法
下面小編就為大家?guī)?lái)一篇js 用于檢測(cè)類(lèi)數(shù)組對(duì)象的函數(shù)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
JavaScript實(shí)現(xiàn)有限狀態(tài)機(jī)的示例代碼
有限狀態(tài)機(jī)（Finite?State?Machine,?FSM）是一種數(shù)學(xué)模型,用于描述系統(tǒng)在不同狀態(tài)下的行為,本文給大家介紹JavaScript實(shí)現(xiàn)有限狀態(tài)機(jī)的示例代碼,感興趣的朋友一起看看吧2024-12-12
js浮點(diǎn)數(shù)精確計(jì)算(加、減、乘、除)
本篇文章主要介紹了js浮點(diǎn)數(shù)精確計(jì)算(加、減、乘、除) 需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
最新JS正則表達(dá)式驗(yàn)證郵箱和手機(jī)號(hào)實(shí)例(2022)
在前端開(kāi)發(fā)過(guò)程中,通過(guò)使用JS的正則表達(dá)式來(lái)校驗(yàn)輸入的郵箱或者手機(jī)號(hào)是否正確,這也是一個(gè)非常常見(jiàn)的業(yè)務(wù)情景需求,下面這篇文章主要給大家介紹了關(guān)于利用JS正則表達(dá)式驗(yàn)證郵箱和手機(jī)號(hào)的相關(guān)資料,需要的朋友可以參考下2022-08-08
JavaScript編程的10個(gè)實(shí)用小技巧
盡管我使用Javascript來(lái)做開(kāi)發(fā)有很多年了，但它常有一些讓我很驚訝的小特性。對(duì)于我來(lái)說(shuō)，Javascript是需要持續(xù)不斷的學(xué)習(xí)的。2014-04-04
通過(guò)js來(lái)制作復(fù)選框的全選和不選效果
這篇文章主要介紹的是通過(guò)js來(lái)制作復(fù)選框的全選和不選效果,需要的朋友可以參考下2014-05-05
原生javascript實(shí)現(xiàn)圖片滾動(dòng)、延時(shí)加載功能
這篇文章主要介紹了使用原生javascript實(shí)現(xiàn)圖片滾動(dòng)、延時(shí)加載功能，思路與方法均分享給大家，希望對(duì)大家能有所幫助。2015-01-01
這篇文章主要為大家詳細(xì)介紹了uni-app實(shí)現(xiàn)NFC讀取功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
本文通過(guò)實(shí)例代碼給大家介紹了js異步上傳圖片文件的方法，包括html和jquery代碼，需要的的朋友參考下吧2017-07-07