Как изменить текст в div через js
Перейти к содержимому

Как изменить текст в div через js

  • автор:

Как изменить текст в div через js

Мы хотим сделать этот проект с открытым исходным кодом доступным для людей во всем мире. Пожалуйста, помогите нам перевести это руководство на другие языки.

Светлая тема Тёмная тема
Поделиться

  • Учебник
  • Браузер: документ, события, интерфейсы
  • Формы, элементы управления
  • Фокусировка: focus/blur

Редактируемый div

важность: 5

Создайте , который превращается в , если на него кликнуть.

позволяет редактировать HTML в элементе .

Когда пользователь нажимает Enter или переводит фокус, превращается обратно в , и его содержимое становится HTML-кодом в .

Как поменять текст внутри div с помощью js?

Я пытаюсь написать простую игру «города», и хочу что бы после того, как пользователь введет слово, оно отобразилось в div’e с id «last-word». Сейчас текст меняется на последнее введенное слово только после того, как закончится цикл. Можно ли сделать так, что бы текст менялся сразу же после arr.push(tmp); , не дожидаясь окончания цикла?

if(confirm("Хотите сыграть в \"Города?\"") == true) < var firstround = true; let arr = []; let last; while(true) < var tmp = prompt("Введите город"); last = arr[arr.length-1]; if(!tmp) break; if(firstround == true) < firstround = false; arr.push(tmp); document.getElementById('last-word').innerHTML = arr[arr.length-1]; continue; >if(last[last.length-1] == tmp[0]) < arr.push(tmp); >else break; > >
   DZ  h1 < display: flex; justify-content: center; >#last-word 

Отслеживать

задан 9 ноя 2019 в 10:53

303 3 3 серебряных знака 14 14 бронзовых знаков

А для чего вы используете цикл? чего вы пытаетесь добится этим? не совсем понятно

9 ноя 2019 в 11:45

@Alexander Vyshnyvetskyi скажите var это моветон когда есть let ?

9 ноя 2019 в 12:04

@Leks я бы сказал что да. Ведь зачем комбинировать старый код с новым? Тоже самое что прицепить на брычку, колеса от феррари 😀

9 ноя 2019 в 12:32

@Leks let используется внутри текущего блока кода, а var — это глобальная директива.

Как заменить текст в div при нажатии на него?

Есть div с текстом внутри «открыть». При нажатии на него, текст должен меняться на «закрыть», а при повторном клике меняться опять же на «открыть». Как это сделать?
Спасибо!

  • Вопрос задан более трёх лет назад
  • 1331 просмотр

Комментировать

Решения вопроса 1

Mr_Sergo

Ответ написан более трёх лет назад

Комментировать

Нравится 1 Комментировать

Ответы на вопрос 1

dimovich85

Dima Polos @dimovich85 Куратор тега CSS

https://u-academy.net/

Очень просто. А почему для разметки используете div, когда есть button?
Есть идеи, как это реализовать?
Например, надо получить div, потом добавить обработку клика, по клику проверять значение текста в div’e, и менять его.
Чтобы получить div есть querySelector из объекта document. Для обработки клика есть addEventListener из объекта DOM, а для значения теста внутри из объекта DOM есть свойство innerText.

Ответ написан более трёх лет назад

Комментировать

Нравится Комментировать

Меняем текстовое содержимое элемента

Мы нашли нужный элемент и вывели в консоль его текстовое содержимое. Но для нашей задачи это содержимое нужно изменить. Как это сделать? Присвоим свойству textContent новое значение.

Возьмём абзац с текстом:

Здесь могла быть ваша реклама.

И перезапишем его текстовое содержимое:

let paragraph = document.querySelector('p'); paragraph.textContent = 'Здесь был Кекс. Мяу!';

Обратите внимание, что строки с текстом нужно заключать в кавычки.

Когда инструкция выполнится, текст внутри абзаца изменится:

Здесь был Кекс. Мяу!

Когда мы присваиваем свойству textContent новое значение, оно полностью заменяет собой старое. Как и в случае с переключением классов, JavaScript не влияет на исходную разметку, а меняет текст прямо в браузере пользователя.

Свойство textContent предназначено только для текста, если записать туда HTML-теги, браузер их не поймёт.

Перейти к заданию

  • index.html Сплит-режим
  • style.css Сплит-режим
  • script.js Сплит-режим

FlashNews!

На главную

email

Новая библиотека для создания графиков

Теперь вы можете создать дашборд за считанные секунды.

Что там у роботов?

В робототехнике происходит много интересного, эта новость могла бы быть об этом, но нет.


JavaScript

let page = document.querySelector(‘.page’); let themeButton = document.querySelector(‘.theme-button’); themeButton.onclick = function() < page.classList.toggle('light-theme'); page.classList.toggle('dark-theme'); >; let message = document.querySelector(‘.subscription-message’);

Показать ответ

Спасибо! Мы скоро всё исправим)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *