博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在现有的元素内添加新元素而不影响现有内容insertAdjacentElement/HTM/Text
阅读量:6345 次
发布时间:2019-06-22

本文共 713 字,大约阅读时间需要 2 分钟。

insertAdjacentText方法与 insertAdjacentHTML方法类似,只不过只能插入纯文本,参数相同

insertAdjacentHTML 方法:在指定的地方插入html标签语句
原型:insertAdajcentHTML(swhere,stext)

参数:

swhere: 指定插入html标签语句的地方,
stext:要插入的内容

有四种参数可用:

  1. beforeBegin: 插入到标签开始前

  2. afterBegin: 插入到标签开始标记之后

  3. beforeEnd: 插入到标签结束标记前

  4. afterEnd: 插入到标签结束标记后

oBtn.onclick=function(){    var oLi=document.createElement('li');    var oInp=document.createElement('input');    var oA=document.createElement('a');    oA.href='javascript:;';    oA.innerHTML='删除';    oInp.type='checkbox';    oLi.innerHTML=oText.value;//先把标签里的文字通过innerHTML方式写好    oLi.insertAdjacentElement('afterBegin',oInp);//接着可以在内容前加上单选框    oLi.insertAdjacentElement('beforeEnd',oA);//在内容后加上a标签,a标签里也可以有内容    oUl.appendChild(oLi);};

转载地址:http://sbjla.baihongyu.com/

你可能感兴趣的文章
[LeetCode] Spiral Matrix 解题报告
查看>>
60906磁悬浮动力系统应用研究与模型搭建
查看>>
指纹获取 Fingerprint2
查看>>
面试题目3:智能指针
查看>>
取消凭证分解 (取消公司下的多个利润中心)
查看>>
flask ORM: Flask-SQLAlchemy【单表】增删改查
查看>>
vim 常用指令
查看>>
nodejs 获取自己的ip
查看>>
Nest.js 处理错误
查看>>
你好,C++(16)用表达式表达我们的设计意图——4.1 用操作符对数据进行运算...
查看>>
18.3 redis 的安装
查看>>
jdbc 简单连接
查看>>
Activiti 实战篇 小试牛刀
查看>>
java中的Static class
查看>>
Xshell 连接CentOS服务器解密
查看>>
[工具类]视频音频格式转换
查看>>
GNS3与抓包工具Wireshark的关联
查看>>
groovy-语句
查看>>
VIM寄存器使用
查看>>
Java VisualVM远程监控JVM
查看>>