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