Javascript中innerHTML用法实例分析

更新时间：2015年01月12日 08:55:57 投稿：shichen2014

这篇文章主要介绍了Javascript中innerHTML用法,实例分析了实用innerHTML获取对应元素内容的使用技巧,需要的朋友可以参考下

本文实例讲述了Javascript中innerHTML用法。分享给大家供大家参考。

具体实现方法如下：

<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程序设计有所帮助。

您可能感兴趣的文章:

微信小程序之侧边栏滑动实现过程解析（附完整源码）
这篇文章主要介绍了微信小程序之侧边栏滑动实现过程解析（附完整源码）,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-08-08
最通俗易懂的javascript变量提升详解
下面小编就为大家带来一篇最通俗易懂的javascript变量提升详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
JavaScript进阶之函数和对象知识点详解
为了让大家更加深入地了解JavaScript。这篇文章主要介绍了JavaScript中函数和对象知识点，文中的示例代码讲解详细，感兴趣的可以学习一下
2022-07-07
基于javascript实现彩票随机数生成（简单版）
这篇文章主要介绍了基于javascript实现彩票随机数生成的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-01-01
原生JS实现层叠轮播图
这篇文章主要为大家详细介绍了原生JS层叠轮播图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
如何制作浮动广告 JavaScript制作浮动广告代码
如果有一定的JavaScript基础，制作浮动广告还是比较容易的,利用闲暇时间简单制作了一个，感兴趣的朋友可以参考下哦
2012-12-12
js实现飞机大战游戏
这篇文章主要为大家详细介绍了js实现飞机大战游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
js鼠标滑过弹出层的定位IE6bug解决办法
大家在写div+css的时候经常会用到弹出层，由于IE6的bug，所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面;用Jquery给弹出层的z轴依次增加高度可解决.代码很简单，效果很显著,需要了解的朋友可以参考下
2012-12-12
webpack4 升级迁移的实现
这篇文章主要介绍了webpack 4 升级迁移的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
js Canvas绘制圆形时钟效果
这篇文章主要为大家详细介绍了js Canvas绘制圆形时钟效果的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02