首頁猿問 javascript 插入一個 div

javascript 插入一個 div

JavaScript

胡子哥哥 2019-04-17 13:15:37

javascript 如何實(shí)現(xiàn) 在id="aa"里的第三個 后面，插入一個< div >并class命名為“bb”。不可以加id 和class名，因?yàn)橐驯粍e的程序占用了。

查看完整描述

4 回答

江戶川亂折騰

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超5個贊

如果考慮子元素不僅僅全是em 的情況下

     var bb = document.createElement("div");
    var aa = document.querySelector('#aa')
    var para = aa.querySelectorAll('em')[3];
    bb.className = "bb"
    aa.insertBefore(bb,para);

反對回復(fù) 2019-05-13

動漫人物

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超10個贊

 <span id="aa">
<em></em>
<em></em>
<em></em>
<em></em>
<em></em>
<em></em>
<em></em>
</span>

<script type="text/javascript">
var span = document.getElementById("aa");
var div = document.createElement("div");
div.setAttribute("class", "bb");
var ems = document.getElementsByTagName("em");
span.insertBefore(div, ems[3]);
</script>

反對回復(fù) 2019-05-13

白衣染霜花

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超10個贊

var bb = document.createElement("div");
var aa = document.querySelector('#aa')
var para = aa.children[3];
bb.className = "bb"
aa.insertBefore(bb,para);

反對回復(fù) 2019-05-13