资讯专栏INFORMATION COLUMN

在现有的元素内添加新元素而不影响现有内容insertAdjacentElement/HTM/Text

FullStackDeveloper / 1290人阅读

摘要:方法与方法类似,只不过只能插入纯文本,参数相同方法在指定的地方插入标签语句原型参数指定插入标签语句的地方,要插入的内容有四种参数可用插入到标签开始前插入到标签开始标记之后插入到标签结束标记前插入到标签结束标记后删除先把标签里的文字通过方式写

insertAdjacentText方法与 insertAdjacentHTML方法类似,只不过只能插入纯文本,参数相同
insertAdjacentHTML 方法:在指定的地方插入html标签语句
原型:insertAdajcentHTML(swhere,stext)

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

有四种参数可用:

beforeBegin: 插入到标签开始前

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

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

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);
};

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79099.html

相关文章

  • 认识定时器

    摘要:重新认识三如果被推迟执行的回调函数是某个对象的方法,那么该方法中的关键字将指向全局环境,而不是定义时所在的那个对象。 重新认识一 一般,setTimeout函数接受两个参数,第一个参数func|code是将要推迟执行的函数名或者一段代码(引擎内部使用eval函数,将字符串转为代码),第二个参数delay是推迟执行的毫秒数。但是,setTimeout 还可以添加更多参数。第二个之后的参数...

    paney129 评论0 收藏0
  • 马蜂窝推荐系统容灾缓存服务的设计与实现

    摘要:马蜂窝推荐系统对于请求的平均处理时延要求在级别,时延的线保持在以内。任务队列与异步写入这里我们使用了中的线程池来实现。三优化方向基于和,我们在现有的推荐系统中增加了一个本地容灾缓存系统,当依赖服务或者应用本身突发异常时可以返回缓存的数据。 数据库突然断开连接、第三方接口迟迟不返回结果、高峰期网络发生抖动...... 当程序突发异常时,我们的应用可以告诉调用方或者用户「对不起,服务器出了...

    Dean 评论0 收藏0
  • 马蜂窝推荐系统容灾缓存服务的设计与实现

    摘要:马蜂窝推荐系统对于请求的平均处理时延要求在级别,时延的线保持在以内。任务队列与异步写入这里我们使用了中的线程池来实现。三优化方向基于和,我们在现有的推荐系统中增加了一个本地容灾缓存系统,当依赖服务或者应用本身突发异常时可以返回缓存的数据。数据库突然断开连接、第三方接口迟迟不返回结果、高峰期网络发生抖动...... 当程序突发异常时,我们的应用可以告诉调用方或者用户「对不起,服务器出了点问题」...

    focusj 评论0 收藏0
  • [译]HTML&CSS Lesson7: 设置背景和渐变色

    摘要:属性值则依赖于我们需要创建什么样的渐变背景,例如线性渐变或放射性渐变。我们会在线性渐变中介绍不同种类的供应商前缀,但为了简便起见,放射性渐变中我们不会再提及。线性渐变多年来,设计师和开发者们都是通过切图来实现渐变背景。 背景对网站的设计有重大的影响。它有利于建立网站的整体感觉,设置分组,分配优先级,对网站的可用性也有相当大的影响。 在CSS中,元素的背景可以是一个纯色,一张图,一个渐变...

    bang590 评论0 收藏0
  • [译]HTML&CSS Lesson7: 设置背景和渐变色

    摘要:属性值则依赖于我们需要创建什么样的渐变背景,例如线性渐变或放射性渐变。我们会在线性渐变中介绍不同种类的供应商前缀,但为了简便起见,放射性渐变中我们不会再提及。线性渐变多年来,设计师和开发者们都是通过切图来实现渐变背景。 背景对网站的设计有重大的影响。它有利于建立网站的整体感觉,设置分组,分配优先级,对网站的可用性也有相当大的影响。 在CSS中,元素的背景可以是一个纯色,一张图,一个渐变...

    jk_v1 评论0 收藏0

发表评论

0条评论

FullStackDeveloper

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<