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

相关文章

  • js实现详情页放大镜效果

    js实现详情页放大镜效果

    这篇文章主要为大家详细介绍了js实现详情页放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • TypeScript中d.ts类型声明文件的实现

    TypeScript中d.ts类型声明文件的实现

    .d.ts 文件是 TypeScript 的类型声明文件,它们的主要作用是为 JavaScript 库提供类型支持,本文主要介绍了TypeScript中d.ts类型声明文件的实现,感兴趣的可以了解一下
    2023-10-10
  • 如何防止JavaScript自动插入分号

    如何防止JavaScript自动插入分号

    JavaScript语言有一个机制:在解析时,能够在一句话后面自动插入一个分号,用来修改语句末尾遗漏的分号分隔符。然而,由于这个自动插入的分号与JavaScript语言的另一个机制发生了冲突,即所有空格符都被忽略,因此程序可以利用空格格式化代码
    2015-11-11
  • JS基于贪心算法解决背包问题示例

    JS基于贪心算法解决背包问题示例

    这篇文章主要介绍了JS基于贪心算法解决背包问题,简单说明了贪心算法的概念、原理,并结合具体实例形式分析了JS使用贪心算法解决部分背包问题的具体操作技巧,需要的朋友可以参考下
    2017-11-11
  • 一百行JS代码实现一个校验工具

    一百行JS代码实现一个校验工具

    这篇文章主要介绍了一百行JS代码实现一个校验工具,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • vue2.0获取自定义属性的值

    vue2.0获取自定义属性的值

    这篇文章主要为大家详细介绍了vue2.0如何获取自定义属性的值,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 使用JS动态构建目录树

    使用JS动态构建目录树

    本文详细讲解了使用JS动态构建目录树的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • js类型转换与引用类型详解(Boolean_Number_String)

    js类型转换与引用类型详解(Boolean_Number_String)

    本篇文章主要是对js中的类型转换与引用类型(Boolean_Number_String)进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • JS Web Flex弹性盒子模型代码实例

    JS Web Flex弹性盒子模型代码实例

    这篇文章主要介绍了JS Web Flex弹性盒子模型代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • 微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)

    微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)

    这篇文章主要介绍了微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖),需要的朋友可以参考下
    2019-09-09

最新评论