insertAdjacentHTML方法:在指定的地方插入html标签语句
2007-10-25 09:40
573 查看
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方法类似,只不过只能插入纯文本,参数相同
原型: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方法示例
- insertAdjacentHTML和insertAdjacentText动态插入方法
- 在某个地方插入HTML代码insertAdjacentHTML
- js中insertAdjacentHTML函数在元素标签的前中后插入html代码
- 67 插件生成html语句 操作伪标签方法
- insertAdjacentHTML动态插入行
- 如何在指定的地方插入html内容和文本内容
- 兼容FireFox/IE的insertAdjacentHTML方法【Ext2】
- SQL语句(增、删、改、查)一、增:有4种方法1.使用insert插入单行数据:语法:insert
- Vue中使用Froala Editor时,外部方法调用html.insert()插入内容到光标最后停留位置功能实现
- Vue中使用Froala Editor时,外部方法调用html.insert()插入内容到光标最后停留位置功能实现
- insertAdjacentHTML方法示例
- insertAdjacentHTML方法示例
- insertAdjacentHTML方法示例
- insertAdjacentHTML和insertAdjacentText方法
- insertAdjacentElement 插入指定对象到文档结构
- C# asp.net SQL存储过程写法Insert 插入语句,及其在asp.net中的调用方法
- 在table中插入多行,能使用与insertAdjacentHTML相似的功能
- insertAdjacentHTML方法详解
- insertAdjacentHTML方法示例