Hoy estoy muy frustrado por seleccionar el div superior en la barra lateral de la página de búsqueda de Twitter. Puedo hacerlo en las herramientas de desarrollo de Chrome, pero devuelve un valor nulo o indefinido cuando se usa el mono manipulador. ¿Puede alguien ayudarme?
// ==UserScript== // @name twitter // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author You // @match https://twitter.com/* // @run-at document-end // @icon https://www.google.com/s2/favicons?sz=64&domain=twitter.com // @grant none // ==/UserScript== (function() { 'use strict'; let container = document.querySelector(".css-1dbjc4n.r-vacyoi.r-ttdzmv"); console.log(container); })();Gracias a @wOxxOm, investigué un poco y descubrí que estos códigos funcionan. desde aquí
let classes = ".css-1dbjc4n.r-vacyoi.r-ttdzmv"; function isElement(addedNode, selector, callback) { if (typeof addedNode.querySelector === 'function' && addedNode.querySelector(selector)) { callback(); } } var elementReadyObserver = new MutationObserver(function (mutations) { for (var i=0, numMutations=mutations.length; i<numMutations; i++) { for (var j=0, numNodes=mutations[i].addedNodes.length; j<numNodes; j++) { isElement(mutations[i].addedNodes[j], classes, function() { elementReadyObserver.disconnect(); // ... and do what you want to do with the element you've been observing console.log("i found it"); let parentDiv = document.querySelector(classes); console.log(parentDiv); parentDiv.insertBefore(newDiv,parentDiv.firstChild); }); } } }); elementReadyObserver.observe(document.body, {attributes: true, subtree: true, childList: true});