Sélectionner un élément par titre avec JavaScript et d'ajuster le navigateur?

J'ai besoin de modifier un élément par titre, comme dans

javascript: (function () {
  document.body.innerHTML += `<style>* {
    background:% 20#000 % 20!important;
    color:% 20#0f0 % 20!important;
    outline:% 20solid % 20#f00 % 201px % 20!important;
  } </style > `;
})();

Je tiens donc à modifier le code de façon à ce quand je le lance (je l'ai dans un bouton sur ma barre de favoris pour un accès plus facile) il modifie la position d'un élément dans le document.

La seule façon que je pouvais sélectionner cet élément est, de par sa title attribut, donc j'ai besoin de trouver un moyen pour sélectionner un élément par son titre avec javascript et ensuite appliquer une modification à son style, même en tant que "Ghost CSS" truc.

  • ce code avez-vous essayé, pour sélectionner l'élément en titre?
  • Remarque: la sélection de quelque chose par un nom plutôt qu'une id) peut fonctionner un peu comme ceci: "div[name=abcd]", de sorte que le titre pourrait fonctionner de cette façon trop...
  • J'ai effectivement cherché tout un tas de possibilités mais je n'ai pas trouvé un moyen de sélectionner un élément par son titre encore, des conseils?
InformationsquelleAutor octohedron | 2014-08-13
  1. 17

    Sélecteur CSS

    Utiliser le sélecteur de notation pour trouver un nœud par son attribut

    [title="element title attribute value"]

    À L'Aide De JavaScript

    Même sélecteur CSS, mais vous pouvez obtenir le Nœud à l'aide de document.querySelector, ou si elle attendait de multiples Nœuds, un NodeList via document.querySelectorAll

    var node = document.querySelector('[title="element title attribute value"]');

    Lorsque vous ne .innerHTML, vous en êtes la cause d'une ré-analyser de tous les HTML dans le nœud que vous avez appelé sur ce qui peut littéralement détruire les sections de pages web. Vous devez utiliser les méthodes du DOM pour la création de nœuds, à la place. par exemple,

    var style = document.createElement('style');
style.appendChild(document.createTextNode('div {border: 1px solid red}'));
document.body.appendChild(style);

    Conversion JavaScript dans un bookmarklet est aussi simple que

    bookmarklet = 'javascript:'
    + encodeURIComponent('(function () {' + code + '}())')
    + ';';

    Voici un violon où vous pouvez simplement coller dans le code

    • K je vais utiliser celui-ci et essayer de le faire fonctionner. Merci
    • C'est le premier élément de ce nom. Comment puis-je obtenir chacun d'eux?
    InformationsquelleAutor Paul S.