Как добавить текст или кнопку через JavaScript в таком состоянии? - PullRequest
0 голосов
/ 27 марта 2020

Я получил доступ к некоторому коду с веб-страницы Twitter https://twitter.com/explore до inspect. Этот код указан ниже.

 <span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r-qvutc0">Sign up</span>

Я пытаюсь добавить один текст, т. Е. «Темный режим» на https://twitter.com/explore веб-странице, используя JavaScript.

. Код выше, я извлек class и поместил в следующий код JavaCcript.

var x = document.createElement('p');
var t = document.createTextNode("Dark Mode");
x.appendChild(t);
document.querySelector(".css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r-qvutc0").appendChild(x);

Я использую консоль на веб-странице (в проверке) и пытаюсь добавить javascript код appendChild для добавления текста «Темный режим» "на веб-странице Twitter, но это не работает.
Это дает мне следующую ошибку.

  VM1667:4 Uncaught TypeError: Cannot read property 'appendChild' of null
    at <anonymous>:4:87

Любая помощь будет оценена.

Screen Shot

Выше находится веб-страница Twitter, где я пытаюсь добавить текст - «Темный режим» через консоль, но он не работает.

1 Ответ

0 голосов
/ 27 марта 2020

Решения

  var x = document.createElement("P");
  var t = document.createTextNode("Dark Mode.");
  x.appendChild(t);
  document.querySelector('.css-1dbjc4n.r-1777fci.r-1mf7evn').appendChild(x);

Доказано

prnt.sc / rnxcth

Надеется, что это поможет. Удачного кодирования.

...