javascript追加html实现类似jQuery中append方法
2015-01-08 16:46
453 查看
首先是要操作的html啦
然后用原生JavaScript来向div中追加html
假设要追加的html字符串是str
注意 1:innerHTML是对象不是函数,容易与jQuery中的html()方法混淆
2:不能把document.getElementById("imageList").innerHTML赋值给某个对象再去追加html,如下实不可取的:
<div id="imageList"></div>
然后用原生JavaScript来向div中追加html
假设要追加的html字符串是str
var str =''; document.getElementById("imageList").innerHTML+=str;
注意 1:innerHTML是对象不是函数,容易与jQuery中的html()方法混淆
2:不能把document.getElementById("imageList").innerHTML赋值给某个对象再去追加html,如下实不可取的:
var str =''; var html = document.getElementById("imageList").innerHTML; html+=str;
相关文章推荐
- Html+css、javascript和JQuery三种方法实现导航条下拉菜单的炫酷效果
- jQuery HTML节点元素修改、追加的方法 html()、append()、prepend()、after()、before()
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- html静态页面传递参数-利用JavaScript方法实现静态
- Jquery 实现html table 行 Tr 的复制 . table追加 消除
- 通过javascript直接实现jQuery的$(".class1")方法
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- javascript 实现类似C#中字符串的Trim()方法
- 使用MVC中的HtmlHelper对象的ActionLink方法,实现一个Javascript:void(0)效果,去调用一个JS方法
- html静态页面传递参数-利用JavaScript方法实现静态
- javascript 模拟JQuery的Ready方法实现并出现的问题
- javascript实现类似C# String的format方法
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- 黑马程序员_学习日记73_725ASP.NET(禁用Cookie、ASP.NET中的重要对象、JavaScript实现AJAX、两种Json格式的序列化方法、JQuery中实现ajax的五种方法)
- 用javascript实现html页面之间的参数传递的四种方法
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- 使用javascript和jquery两种方法,实现密码明文和密文的转换
- javascript另类方法高效实现htmlencode()与htmldecode()函数