有关javascript:insertAdjacentHTML和javascript:insertAdjacentElement的用法

 

添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和insertAdjacentText方法,这两个方法更灵活,可以在指定的地方插入html内容和文本内容。 insertAdjace

添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和insertAdjacentText方法,这两个方法更灵活,可以在指定的地方插入html内容和文本内容。
insertAdjacentHTML方法:在指定的地方插入html标签语句

原型:insertAdajcentHTML(swhere,stext)

参数:

swhere: 指定插入html标签语句的地方,有四种值可用:

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

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

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

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

stext:要插入的内容

DEOM:

 

 

insertAdjacentElement

  语法:
  oElement = object . insertAdjacentElement ( sWhere , oElement )
  参数:
  oElement : 必选项。对象(Element)。要插入到 object 邻近的对象。
  sWhere : 必选项。字符串(String)。beforeBegin | afterBegin | beforeEnd | afterEnd beforeBegin : 将 oElement 插到 object 的开始标签之前。
  afterBegin : 将 oElement 插到 object 的开始标签之后。但是在 object 的所有原有内容之前。
  beforeEnd : 将 oElement 插到 object 的结束标签之前。但是在 object 的所有原有内容之后。
  afterEnd : 将 oElement 插到 object 的结束标签之后。
  返回值:
  oElement : 对象(Element)。返回插入的对象的引用。
  说明:
  将 oElement 依据 object 定位插入文档结构。
  当文档正在载入时,不可以尝试此方法。必须在 onload 事件触发以后。
  假如你尝试插入一个已经在文档结构中存在定位的对象,该对象将被移动到你指定的插入位置,而不会有新对象被创建。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值