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ū)別
相關(guān)文章
微信小程序之側(cè)邊欄滑動實現(xiàn)過程解析(附完整源碼)
這篇文章主要介紹了微信小程序之側(cè)邊欄滑動實現(xiàn)過程解析(附完整源碼),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08基于javascript實現(xiàn)彩票隨機數(shù)生成(簡單版)
這篇文章主要介紹了基于javascript實現(xiàn)彩票隨機數(shù)生成的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01