动态添加html内容
来源:互联网 发布:网络大电影数据平台 编辑:程序博客网 时间:2024/05/17 23:20
添加html内容(insertAdjacentHTML和insertAdjacentText)
dhtml提供了两个方法来进行添加,insertAdjacentHTML和insertAdjacentText
insertAdjacentHTML方法:在指定的地方插入html标签语句。
原型:insertAdjacentHTML(swhere,stext)
参数:
swhere:指定插入html标签语句的地方,有四种值可以用:
1.beforeBegin:插入到标签开始前
2.afterBegin:插入到标签开始标记后
3.beforeEnd:插入到标签结束标记前
4.afterEnd:插入到标签结束标记后
stext:要插入的内容
例:var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Hello from inserted script.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
在html正文中加入一行:
<DIV ID="ScriptDiv"></Div>
最终变成:
<DIV ID="ScriptDiv">
<input type=button onclick=go2() value='Click Me'><BR>
<SCRIPT DEFER>
function go2(){alert("Hello from inserted sctipt.")}'
</script>
</DIV>
insertAdjacentText方法与insertAdjacentHTML方法类似,只不过只能插入纯文本,参数相同
dhtml提供了两个方法来进行添加,insertAdjacentHTML和insertAdjacentText
insertAdjacentHTML方法:在指定的地方插入html标签语句。
原型:insertAdjacentHTML(swhere,stext)
参数:
swhere:指定插入html标签语句的地方,有四种值可以用:
1.beforeBegin:插入到标签开始前
2.afterBegin:插入到标签开始标记后
3.beforeEnd:插入到标签结束标记前
4.afterEnd:插入到标签结束标记后
stext:要插入的内容
例:var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Hello from inserted script.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
在html正文中加入一行:
<DIV ID="ScriptDiv"></Div>
最终变成:
<DIV ID="ScriptDiv">
<input type=button onclick=go2() value='Click Me'><BR>
<SCRIPT DEFER>
function go2(){alert("Hello from inserted sctipt.")}'
</script>
</DIV>
insertAdjacentText方法与insertAdjacentHTML方法类似,只不过只能插入纯文本,参数相同
- 动态添加html内容
- 动态添加html内容(insertAdjacentHTML和insertAdjacentText)
- iframe中动态添加html内容
- 动态添加修改删除html表格内容
- 获取ajax数据动态添加html内容
- 添加html内容(insertAdjacentHTML)
- 动态创建HTML内容
- 动态创建HTML内容
- 动态创建HTML内容
- 1.4 添加动态内容
- Fragment动态添加内容
- fieldset动态添加内容
- vue v-html动态添加 html 内容渲染,事件失效(无法从新渲染)
- HTML 动态添加控件
- 添加新的 HTML 内容
- 《JavaFX应用程序添加HTML内容》-更新内容
- 在html中向table中动态添加内容,并设置cell字体颜色
- Ajax success()回调函数中用html()函数动态添加内容
- 懒人鸡翅
- javascript学习
- 鱼与熊掌可兼得吗?
- linux内核源码的入门方法
- Professional XNA Game Programming Chapter3 的例子
- 动态添加html内容
- 卡巴斯基22次重大误杀的具体情况
- perl学习笔记一----变量
- 什么是K线图,怎么看K线图
- 从lex&yacc说到编译器(1.正则表达式) ZT
- ASP.NET程序中常用的三十三种代码(1)
- 老天爷眼里的公平
- 在ASP.NET中实现多文件上传
- ASP.NET程序中常用的三十三种代码(2)