Javascript 查询<；面积>；标记方式HREF

我试图在DOM中获取一个元素，我想要一个特定的标记，我通过某个href进行查询

<map name='image-map'>
    <area target='' alt='' title='' href='#loc=sf1d1' coords='242,50,262,67' shape='rect'>

我看到的错误是：

无法对“文档”执行“querySelector”： “区域[href=#loc=sf1d1]”不是有效的选择器

---

您需要使用

位置对某些字符进行转义。替换（'='，'\\='）

所有可能是jquery$method有效文本的字符

尝试以下操作：

<map name='image-map'>
     <area target='' alt='' title='' href='#loc=sf1d1' coords='242,50,262,67' shape='rect'>
</map>

---

您需要使用

location对某些字符进行转义。替换（'='，'\\='）

对于jquery$method

区域[href=“'+location+']”]]

非

区域[href='+location+']].

（需要添加双引号“”）如果字符串中没有双引号，则不需要双引号。拥有很好，但解决不了这个问题对我来说很有效：

<map name='image-map'>
     <area target='' alt='' title='' href='#loc=sf1d1' coords='242,50,262,67' shape='rect'>
</map>

var location = '#loc=sf1d1';
var linkToDesk = document.querySelector('area[href="'+location+'"]');
console.log(linkToDesk);