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 相关文章推荐
js过滤HTML标签以及空格的思路及代码
May 24 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
jquery if条件语句的写法
May 19 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
Sep 02 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
浅析Ajax语法
Dec 05 Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
Aug 07 Javascript
JS如何在不同平台实现多语言方式
Jul 16 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 Javascript
JS Object构造函数之Object.freeze
Apr 28 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 字符串分割和比较
2009/10/06 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
使用JQuery进行跨域请求
2010/01/25 Javascript
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
js中将具有数字属性名的对象转换为数组
2011/03/06 Javascript
基于jquery的3d效果实现代码
2011/03/23 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
js仿百度贴吧验证码特效实例代码
2014/01/16 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
2015/06/06 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
用Webpack构建Vue项目的实践
2017/11/07 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
Node.js成为Web应用开发最佳选择的原因
2018/02/05 Javascript
javascript+HTML5 canvas绘制时钟功能示例
2019/05/15 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
巴西女装购物网站:Eclectic
2018/04/24 全球购物
国际奢侈品品牌童装购物网站:Designer Childrenswear
2019/05/08 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
汽车驾驶求职信
2013/10/25 职场文书
工商管理专业职业生涯规划
2014/01/01 职场文书
税务会计岗位职责
2014/02/18 职场文书
庆国庆活动总结
2014/08/28 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技