insertAdjacentHTML动态插入行[归类].pdfVIP

添 加 HTML 内 容 与 文 本 内 容 以 前 用 的 是 innerHTML 与 innerText 方 法 ， 最 近 发 现 还 有 insertAdjacentHTML 和 insertAdjacentText 方法，这两个方法更灵活，可以在指定的地方插入 html 内容和文本 内容 。 insertAdjacentHTML 方法：在指定的地方插入 html 标签语句 原型： insertAdajcentHTML(swhere,stext) 参数： swhere: 指定插入 html 标签语句的地方，有四种值可用： 1. beforeBegin: 插入到标签开始前 2. afterBegin:插入到标签开始标记之后 3. beforeEnd:插入到标签结束标记前 4. afterEnd:插入到标签结束标记后 stext：要插入的 内容 html head script language=javascript function myfun() { var obj = document.getElementById(btn1); obj.insertAdjacentHTML(afterEnd,brinput name=\txt1\); } /script /head body input name=txt input id=btn1 name=btn1 type=button value= 更 多 ... onclick=myfun() /body /html ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ head title24.htm insertAdjacentHTML 插入新内容 /title script language=jscript function addsome() { document.all.paral.insertAdjacentHTML(afterBegin,h1 在文本前容器内插入内容 /h1); document.all.paral.insertAdjacentHTML(beforeEnd,h2 在文本后容器内插入内容 /h2); document.all.paral.insertAdjacentHTML(beforeBegin,h4 在 文 本 前 容 器 外 插 入 内 容 /h1); document.all.paral.insertAdjacentHTML(afterEnd,h5 在文本后容器外插入内容 /h2); } /script /head body onload=addsome() div id=paral style=fontsize:6;color=#ff00ff 原来的内容 /divhr /body /html ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE New Document /TITLE META NAME=Generator CONTENT=EditPlus META NAME=Author CONTENT= META NAME=Keywords CONTENT= META NAME=Description CONTENT= /HEAD BODY script var num=0; var No_sys=0; function Add_button(){ if(No_sys8){ c_input.insertAdjacentHTML(beforeEnd,div id=\bar+num+\ oncontextmen