js 在标签前追加html,Js根据class名替换html标签内容 ,在某标签前后添加内容

functiongetClass(obj, attr) {var aArray = [];//定义一个新的空数组

var i = 0;var aAll = document.getElementsByTagName('*');//获取obj对象下面所有的节点

for (i = 0; i < aAll.length; i++) {if (aAll[i].className == attr) {//判断当前对象的class名称是不是符合传进来的参数

aArray.push(aAll[i]);//如果符合则push到到aArray数组里边

alert(aAll[i]);

}

}return aArray;//最后return一下

}functioninsertHtml(where, el, html) {

where=where.toLowerCase();if(el.insertAdjacentHTML) {switch(where) {case "beforebegin":

el.insertAdjacentHTML('BeforeBegin', html);returnel.previousSibling;case "afterbegin":

el.insertAdjacentHTML('AfterBegin', html);returnel.firstChild;case "beforeend":

el.insertAdjacentHTML('BeforeEnd', html);returnel.lastChild;case "afterend":

el.insertAdjacentHTML('AfterEnd', html);returnel.nextSibling;

}throw 'Illegal insertion point -> "' + where + '"';

}var range =el.ownerDocument.createRange();varfrag;switch(where) {case "beforebegin":

range.setStartBefore(el);

frag=range.createContextualFragment(html);

el.parentNode.insertBefore(frag, el);returnel.previousSibling;case "afterbegin":if(el.firstChild) {

range.setStartBefore(el.firstChild);

frag=range.createContextualFragment(html);

el.insertBefore(frag, el.firstChild);returnel.firstChild;

}else{

el.innerHTML=html;returnel.firstChild;

}case "beforeend":if(el.lastChild) {

range.setStartAfter(el.lastChild);

frag=range.createContextualFragment(html);

el.appendChild(frag);returnel.lastChild;

}else{

el.innerHTML=html;returnel.lastChild;

}case "afterend":

range.setStartAfter(el);

frag=range.createContextualFragment(html);

el.parentNode.insertBefore(frag, el.nextSibling);returnel.nextSibling;

}throw 'Illegal insertion point -> "' + where + '"';

}//调用1

getClass("div","banner")[0].innerHTML='我们来了';//调用2

//insertHtml('afterBegin', document.getElementById("csContentEnd"), "

在文本前容器内插入内容");

//insertHtml('beforeEnd', elem, "

在文本后容器内插入内容");

insertHtml('beforeBegin', document.getElementById("csContentEnd"), "

在文本前容器外插入内容");//insertHtml('afterEnd', elem, "在文本后容器外插入内容");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值