如何使用Javascript删除文本

我想用JavaScript删除最后两个span标记。我的代码是

<h1 class='av-special-heading-tag'  itemprop="headline"  >Turning </h1><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-center " style=""><span class='av-icon-char' style='font-size:20px;line-height:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></span></span>
<section class="av_textblock_section"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_textblock '  style='font-size:20px; '  itemprop="text" ><p style="text-align: center;">
<span style="color: #641380;">Mazak Nexus 200MY</span><br />
<span style="color: #641380;"> Mazak Nexus QNT 200MY</span><br />
<span style="color: #641380;"> Mazak Nexus QNT 200MY</span><br />
<span style="color: #641380;"> Mazak SQT200M</span><br />
<span style="color: #641380;"> Mazak SQT10M</span><br />
<span style="color: #641380;"> Mazak Nexus</span><br />
<span style="color: #641380;"> Mazak QT10</span><br />
<span style="color: #641380;"> Mazak QT10</span><br />
<span style="color: #641380;"> Mazak QT8</span><br />
<span style="color: #641380;"> Mazak Colchester lathe</span><br />
<span style="color: #641380;"> Mazak Harrison lathe</span></p>
</div></section></div> 

转向

Mazak Nexus 200车型年款

Mazak Nexus QNT 200车型年款

Mazak Nexus QNT 200车型年款

马扎克SQT200米

马扎克SQT10M

Mazak Nexus

马扎克QT10

马扎克QT10

马扎克QT8

马扎克科尔切斯特车床

马扎克哈里森车床

所以你想删除吗

<span style="color: #641380;"> Mazak Colchester lathe</span><br />
<span style="color: #641380;"> Mazak Harrison lathe</span></p> 

Mazak-Colchester车床

马扎克哈里森车床

使用Javascript

多谢各位

我试过了，但没用-

 <script type="text/javascript">
 string.removeWord('colchester'); 
 </script>

string.removeWord（'colchester'）；

如果（x<2）

条件是要删除多少条记录

var span=document.queryselectoral（“.avia_textblock p span”）；
var x=0；
对于（var i=span.length-1；i>=0；i--）{
if（x<2）{
span[i].parentNode.removeChild（span[i]）；
x++；
}否则{
打破
}
}

转向

Mazak Nexus 200车型年款

Mazak Nexus QNT 200车型年款

Mazak Nexus QNT 200车型年款

马扎克SQT200米

马扎克SQT10M

Mazak Nexus

马扎克QT10

马扎克QT10

马扎克QT8

马扎克科尔切斯特车床

马扎克哈里森车床

试试这个

let spans =  document.querySelectorAll('.avia_textblock p span');

for( i=spans.length-1; i>= spans.length-2; i-- ){
  spans[i].parentNode.removeChild(spans[i]);
}

---

在使用css之前，我发布了一个类似的问题，但这不起作用，所以需要使用javascript来删除它。嗨！请仔细阅读，特别是你在这里的最佳选择是做你的研究，为相关的主题，所以，给它一个尝试。如果你在做了更多的研究和搜索后陷入困境，无法摆脱困境，请发布一份你的尝试，并明确指出你陷入困境的地方。人们会乐意帮忙的。祝你好运如果css解决方案不起作用，那么我看不出JS解决方案会有什么不同。我尝试了自己的代码，但被卡住了。所以我需要一些帮助。谢谢。我试过这个-string.removeWord（'colchester'）；由于某种原因，它对我不起作用。这是wesbite-你在用什么浏览器？我在chrome、firefox和edge上进行了测试，它正在工作。我正在使用ChromeCan，你可以在snippe中看到，没有最后两个跨度？如果可以的话，可以更改类名或结构。确保

document.querySelectorAll（“.avia\u textblock p span”）

不是空的。尝试在控制台中登录，看看结果如何。也许你有更多的元素具有相同的结构。是的，它正在处理代码片段，但不是我正在处理的网站。