当前位置: 首页 > 编程笔记 >

Javascript中innerHTML用法实例分析

淳于博文
2023-03-14
本文向大家介绍Javascript中innerHTML用法实例分析,包括了Javascript中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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍javascript中innerText和innerHTML属性用法实例分析,包括了javascript中innerText和innerHTML属性用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript中innerText和innerHTML属性用法。分享给大家供大家参考。具体分析如下: 几乎所有DOM元素都有innerText,innertHTML

  • 本文向大家介绍javascript中AJAX用法实例分析,包括了javascript中AJAX用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下: 兼容地获得XMLHttpRequest对象: AJAX处理函数: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍javascript中sort()的用法实例分析,包括了javascript中sort()的用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了javascript中sort()的用法。分享给大家供大家参考。具体分析如下: 函数的语法: you think this is not the right way but you love it  这里还用到了split函数

  • 本文向大家介绍JavaScript中继承用法实例分析,包括了JavaScript中继承用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了JavaScript中继承的用法。分享给大家供大家参考。具体如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍javascript中cookie对象用法实例分析,包括了javascript中cookie对象用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript中cookie对象用法。分享给大家供大家参考。具体如下: 属性 name          唯一必须设置的属性,表示cookie的名称 expires       指定cookie的存活周期,如不设置,

  • 本文向大家介绍Javascript闭包用法实例分析,包括了Javascript闭包用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了Javascript闭包的概念及用法。分享给大家供大家参考。具体如下: 提到闭包,想必大家都早有耳闻,下面说下我的简单理解。 说实话平时工作中实际手动写闭包的场景并不多,但是项目中用到的第三方框架和组件或多或少用到了闭包。 所以,了解闭包是非常必要的