原生javascript可以这样写：

var slider = document.getElementById('slider');
setInterval(function(){
    var show = document.createElement('p');
    show.id = 'show';
    show.setAttribute('class','slider-img');
    show.innerHTML = '<img src="images/1.jpg">';
    slider.appendChild(show);
    if(show.previousSibling) {
        show.previousSibling.remove();
    }

},1000);

如果slider标签下面永远只有一个show的话，简单点：

setInterval(function(){
    slider.innerHTML = '<p id="show" class="slider-img"><img src="images/1.jpg"></p>';

},1000);

获取父元素下的所有直接子元素，得到有多少个元素和长度，这样你就可以删除你想要删除的元素

@magooup 您好，我想这样为p增加节点属性id='exa'后，然后把上一个id='exa'删除，只留一个id='exa'，请问该怎么写呢？是我一开始的思路不对吗？请指教，谢谢！

我觉得是题主思路不对，看题猜测题主做的是轮播图片吧，改变图片不一定非要把外层的节点替换呀，修改图片src属性不就可以了吗

现在id都可以重复了，另外这样一直加溢出怎么办

直接上 slick. js 这年代哪还需要自己写插件。