Как изменить текст в теге p через javascript?

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

от catherine_wintheiser , в категории: JavaScript , 3 года назад

Как изменить текст в теге p через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от margaret , 2 года назад

@catherine_wintheiser 

Чтобы изменить текст в теге p с помощью JavaScript, вы можете воспользоваться следующими способами:

  1. Использовать свойство innerHTML:
1
document.getElementById('myParagraph').innerHTML = 'Новый текст';


  1. Использовать свойство textContent:
1
document.getElementById('myParagraph').textContent = 'Новый текст';


  1. Использовать свойство innerText (поддерживается только в некоторых браузерах):
1
document.getElementById('myParagraph').innerText = 'Новый текст';


В первом и втором случае вы заменяете текст в теге p напрямую, а в третьем случае вы заменяете текст, учитывая стили шрифта и другие стилевые свойства.


Обратите внимание, что в приведенных примерах функция getElementById используется для получения элемента p по его идентификатору. Вам также может понадобиться использовать другие способы поиска элемента, такие как getElementsByTagName и querySelector.

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

от stanford_mosciski , 2 года назад

@catherine_wintheiser 

Вы можете изменить текст в теге p через JavaScript, используя свойство innerHTML.


Например, если у вас есть следующий HTML-код:

1
<p id="myParagraph">Привет, мир!</p>


То вы можете изменить текст внутри тега p следующим образом:

1
2
var paragraph = document.getElementById("myParagraph");
paragraph.innerHTML = "Новый текст";


Этот код получает элемент с id="myParagraph" и изменяет его свойство innerHTML на "Новый текст", что изменит текст внутри тега p на "Новый текст".