Jak używać nazwy document.querySelector do wybrania tej klasy z spacji?

Question

<a href="javascript:void(0)" class="PrmryBtnMed" 
id = "VERYLONGTEXT" 

onclick="$(this).parents('form').submit(); return false;"><span>Dispatch to this address</span></a> 

Używam

var inPage = document.documentElement.innerHTML.indexOf('text to search') > 0, 
    el = document.querySelector(".PrmryBtnMed"); 

if (inPage && el) el.click(); 

Ale teraz, nazwa klasy uległa zmianie: istnieje przestrzeń i jakiś nowy tekst w nazwie klasy:

<a href="javascript:void(0)" class="PrmryBtnMed ApricotWheat" 
id = "VERYLONGTEXT" 
onclick="ApricotWheat(this); return false;"><span>Dispatch to this address</span></a> 

Jak mogę zmienić el = document.querySelector(".PrmryBtnMed"); znaleźć odpowiednią klasę?

Próbowałem użyć el = document.querySelector(".PrmryBtnMed.ApricotWheat");, ale to nie zadziałało.

Następnie próbowałem dodać spację (i uciec za pomocą odwrotnego ukośnika): el = document.querySelector(".PrmryBtnMed\ ApricotWheat");, ale to też nie działa.

Więc, zastanawiałem się, czy mogę użyć %20 dla miejsca .. ale bez powodzenia.

Byłbym bardzo wdzięczny za pomoc! Co ja robię źle?

Answer 1

Klasy nie może mieć miejsca, co masz jest element z dwoma oddzielne klasy na tym. Aby wybrać element z dwóch klas, należy użyć selektora klasy związków:

document.querySelector(".PrmryBtnMed.ApricotWheat"); 

To wybiera pierwszy element w dokumencie, który ma zarówno klasa PrmryBtnMed i klasy ApricotWheat. Zauważ, że nie ma znaczenia kolejność, w jakiej klasy te występują w atrybucie class i nie ma znaczenia, czy istnieją również inne klasy. To pasuje do żadnej z nich, na przykład:

<div class="PrmryBtnMed ApricotWheat">...</div> 

lub

<div class="ApricotWheat PrmryBtnMed">...</div> 

lub

<div class="PrmryBtnMed foo baz ApricotWheat">...</div> 

itp

Należy również pamiętać, że cytaty używasz wokół HTML atrybuty są sporadycznie nieprawidłowe; cytaty dotyczące atrybutów musi być normalne, nudne, pojedyncze (') lub podwójne ("), nie mogą być fantazyjnymi ofertami.

żywo przykładem cytatami trwałych i za pomocą przełącznika powyżej:

var el = document.querySelector(".PrmryBtnMed.ApricotWheat"); 
 
if (el) { 
 
    el.click(); 
 
} 
 

 
function ApricotWheat(element) { 
 
    alert(element.innerHTML); 
 
}

<a href="javascript:void(0)" class="PrmryBtnMed ApricotWheat" id="VERYLONGTEXT" onclick="ApricotWheat(this); return false;"><span>Dispatch to this address</span></a>

Answer 2

Nie może być żadnych spacji w nazwie klasy ... istnieją dwie różne klasy w elemencie ... używają ".PrmryBtnMed.ApricotWheat"