@Vorlodka
Student

Как перевести ниже указаний код с jQuery на чистый JS (частично переведен)?

1)
if (activeNote) {
        
      $('#' + activeNote)[0].children[0].innerHTML = title;
      $('#' + activeNote)[0].children[1].innerHTML = created.toLocaleString("en-US");
      $('#' + activeNote)[0].children[2].innerHTML = body;
      $('#' + activeNote)[0].style.backgroundColor = color;
          activeNote = null;
}

2)
$('#listed').append('<div id="note' + id + '" style="background-color: ' + color + '"><div class="list-title">' + title + '</div> <div class="list-date">' + created.toLocaleString("en-US") + '</div> <div class="list-text">' + body + '</div> </div>');

3)
if (activeNote) {
      /**/$('#' + activeNote)[0].remove();
      activeNote = null;}

4)
var titleSel = $('#' + id)[0].children[0].innerHTML;
    var bodySel = $('#' + id)[0].children[2].innerHTML;
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
john36allTa
@john36allTa
alien glow of a dirty mind
1)
if (activeNote) {
  const note = document.getElementById(activeNote)
  note.children[0].innerHTML = title;
  note.children[1].innerHTML = created.toLocaleString("en-US");
  note.children[2].innerHTML = body;
  note.style.backgroundColor = color;
  activeNote = null;
}

2)
document.getElementById('listed')
  .append(document.createTextNode(title + ' ' + created.toLocaleString("en-US") + ' ' + body + ' '));

3)
if (activeNote) {
  let note = document.getElementById(activeNote);
  note.parentElement.removeChild(note);
   activeNote = null;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
you_web
@you_web
Кратко обо мне
es6:

// 1)

if (activeNote) {
  const node = document.querySelector(`#${activeNote}`);

  node.children[0].innerHTML = title;
  node.children[1].innerHTML = created.toLocaleString('en-US');
  node.children[2].innerHTML = body;
  node.style.backgroundColor = color;

  activeNote = null;
}


// 2)

const node = document.querySelector('#listed');
node.appendChild(document.createTextNode(`${title} ${created.toLocaleString('en-US')} ${body} `));


// 3)

if (activeNote) {
  const node = document.querySelector(`#${activeNote}`);
  node.parentNode.removeChild(node);
  activeNote = null;
}


// 4)

const nodes = document.querySelector(`#${id}`);
const titleSel = nodes.children[0].innerHTML;
const bodySel = nodes.children[2].innerHTML;
Ответ написан
Комментировать
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Market-place Ростов-на-Дону
от 100 000 до 200 000 ₽
23 июн. 2024, в 23:51
10000 руб./за проект
23 июн. 2024, в 23:27
5000 руб./за проект
23 июн. 2024, в 22:40
1000 руб./за проект