Verwenden von QuerySelector, um zu finden, ob ein DIV in einem JavaScript -Rückruf für die benutzerdefinierte Google -Su
Posted: 17 Aug 2025, 21:06
Ich verwende den JavaScript -Rückruf in Google Custom Search, um die Web -Suchergebnisse zu stylen. https://developers.google.com/custom-se ... e_examples
Ich muss einen Weg mit dem JavaScript-Rückruf ermitteln, um ein lokal gehostete Platzhalter-Bild zu Web-Suchergebnis-Elementen hinzuzufügen, die nicht mit dem Bild von Suchern. src = "https://i.static.net/7iv4oekb.png"/>
Ich weiß, dass Google Custom -Suche schließlich Bilder für alle Ergebnisse indexiert, aber ich möchte fehlende Bilder durch einen Platzhalter als Stopgap ersetzen, bis Google die Bilder in den Bildern indiziert. Bild. < /p>
Dies ist die Ergebnisse HTML, die ein Miniaturbild < /p>
hat
in Wenn GSC-table-result das untergeordnete divsc-table-cell-dumbnail
als meist gewerte Beispiele, fügt dies nicht zu, was für jedes Ergebnis ist, was nicht.
Ich muss einen Weg mit dem JavaScript-Rückruf ermitteln, um ein lokal gehostete Platzhalter-Bild zu Web-Suchergebnis-Elementen hinzuzufügen, die nicht mit dem Bild von Suchern. src = "https://i.static.net/7iv4oekb.png"/>
Ich weiß, dass Google Custom -Suche schließlich Bilder für alle Ergebnisse indexiert, aber ich möchte fehlende Bilder durch einen Platzhalter als Stopgap ersetzen, bis Google die Bilder in den Bildern indiziert. Bild. < /p>
Dies ist die Ergebnisse HTML, die ein Miniaturbild < /p>
hat
Code: Select all
[url=......]
[img]https://encrypted-tbn0.gstatic.com/images?q.....[/img]
[/url]
< /code>
Dies sind die Ergebnisse HTML, die keine Miniaturansicht haben: < /p>
< /code>
Ich möchte dieses HTML < /p>
hinzufügen
[img]images.jpg[/img]
als meist gewerte Beispiele, fügt dies nicht zu, was für jedes Ergebnis ist, was nicht.
Code: Select all
var SearchResultsRenderedCallback = function() {
let prependdiv = document.getElementsByClassName("gsc-table-result");
for (let i = 0; i < prependdiv.length && i < 10; i++) {
let newDiv = document.createElement('div');
newDiv.innerHTML = '
[img]images.jpg[/img]
';
prependdiv[i].prepend(newDiv);
}
};
window.__gcse || (window.__gcse = {});
window.__gcse.searchCallbacks = {
web: {
rendered: SearchResultsRenderedCallback,
},
};
< /code>
In dem folgenden Code versuche ich, QuerySelector für .gsc-table-result .GSC-Table-Cell-Thumbnail auszuwählen und das Innerhtml hinzuzufügen, wenn das untergeordnete Div nicht vorhanden ist, aber dies tut nichts: < /p>
var SearchResultsRenderedCallback = function() {
let prependdiv = document.getElementsByClassName("gsc-table-result");
for (let i = 0; i < prependdiv.length && i < 10; i++) {
if (document.querySelector('.gsc-table-result .gsc-table-cell-thumbnail ') == null) {
let newDiv = document.createElement('div');
newDiv.innerHTML = '
[img]images.jpg[/img]
';
prependdiv[i].prepend(newDiv);
}
}
};
window.__gcse || (window.__gcse = {});
window.__gcse.searchCallbacks = {
web: {
rendered: SearchResultsRenderedCallback,
},
};