Javascript 如何获得没有图像的链接？

我有html代码

<a href="#link1"><img src="image1"></a>
<a href="#link2"><img src="image2"></a>
<a href="#link3"><img src="image3"></a>

<a href="#link4">THIS TEXT, LINK NAME</a>
<a href="#link5">THIS TEXT, LINK NAME</a>

<a href="#link2"><img src="image2"></a>
<a href="#link3"><img src="image3"></a>

我需要

如何获得没有图像的链接？使用CSS选择器或JS选择器？

试试这个

    var myList = []
    var all = document.getElementsByTagName("a");
    for(var i = 0 ; i < all.lenght; i++) {
      if(all[i].innerHTML == 'YOUR TEXT') {
        myList.push(all[i]);
      }
    }

---

试试这个$a:not:has>img

使用javascript选择它，您可以这样做

var linkList = document.getElementsByTagName("a");

for(i=0; i< linkList.length; i++){ 
   if(linkList[i].getElementsByTagName("img").length == 0){
      console.log(linkList[i]);
   }                            
}

参考：

由于CSS没有父选择器，您无法直接实现这一点。

---

您可以将文本包装在span标记中并选择它。

请正确表达您的问题。CSS没有父选择器，因此您需要使用JS。未捕获的DomeException:未能对“Document”执行“querySelector”：“a:not:has>img”不是有效的选择器。var myList=[]var all=Document.querySelectorAlla；forvar i=0；i<全部长度；i++{ifall[i].querySelectorimg==null{myList.pushall[i]；}`

var linkList = document.getElementsByTagName("a");

for(i=0; i< linkList.length; i++){ 
   if(linkList[i].getElementsByTagName("img").length == 0){
      console.log(linkList[i]);
   }                            
}