Javascript中innerHTML用法实例分析


Posted in Javascript onJanuary 12, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript中onclick(this)用法介绍
Apr 19 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
JavaScript实现获得所有兄弟节点的方法
Jul 23 Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 Javascript
Bootstrap表单控件使用方法详解
Jan 11 Javascript
jquery仿京东侧边栏导航效果
Mar 02 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
怎么使用javascript深度拷贝一个数组
Jun 06 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
js实现从数组里随机获取元素
Jan 12 #Javascript
javascript的tab切换原理与效果实现方法
Jan 10 #Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 #Javascript
js中键盘事件实例简析
Jan 10 #Javascript
js中this的用法实例分析
Jan 10 #Javascript
js创建对象的方式总结
Jan 10 #Javascript
js对象继承之原型链继承实例
Jan 10 #Javascript
You might like
用PHP即时捕捉PHP中的错误并发送email通知的实现代码
2013/01/19 PHP
sae使用smarty模板的方法
2013/12/17 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
2013/12/27 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
Vue实现移动端左右滑动效果的方法
2018/11/27 Javascript
node.js ws模块搭建websocket服务端的方法示例
2019/04/25 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
vue框架中props的typescript用法详解
2020/02/17 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
Python实现pdf文档转txt的方法示例
2018/01/19 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/27 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
python实现图片九宫格分割
2021/03/07 Python
python如何统计代码运行的时长
2019/07/24 Python
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
报纸媒体创意广告词
2014/03/17 职场文书
党的群众路线教育实践活动对照检查材料(教师)
2014/09/24 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
家长会主持词开场白
2015/05/29 职场文书
python3操作redis实现List列表实例
2021/08/04 Python
Pandas-DataFrame知识点汇总
2022/03/16 Python
Python作用域和名称空间的详细介绍
2022/04/13 Python