تغییر متن تگ با جاوا اسکریپت

میتونی از متغیر textContent از document استفاده کنی
مثلا:

<div>Old Text</div>

<script>
document.querySelector('div').textContent = "New Text";
</script>

با استفاده از این متغیر میتونی به متن داخل المنت دسترسی پیدا کنی

document.querySelector('div').children[0].style.color='red';
document.querySelector('div').children[1].style.color='red';

البته بهتره واسه تگ هات کلاس یا آیدی بذاری و با تگ اونارو انتخاب نکنی

let html = document.getElementById("myP").innerHTML;

سلام وقتتون بخیر
همونطوری که جناب مجلسی هم اشاره کردن شما برای اینکار باید از innerHtml استفاده بکنید .

اگه بخواین طبق کد خودتون کار بکنین ، اول بهتر به تگاتون آیدی بدین تا دسترسی بهش راحت تر باشه ( البته بدون آیدی هم میشه ) . بعد با innerHml محتواشو تغییر بدین

<div>
    <h1>hello</h1>
    <p id="p1">welcome</p>
</div>

تکه کد جاوا اسکریپت

 document.getElementById("p1").innerHTML="New Text";