سلام من چتور میتونم متن داخل تگ رو با جاوا اسکریپت تغییر بدم؟
<div>
<h1>hello</h1>
<p>welcome</p>
</div>
به عنوان مثال برای کد بالا میخوام تک div رو با جاوا اسکریپت انتخواب کنم و بدون اینکه تگ ها از بین برن فقط متن ها رو تغییر بدم.
میتونی از متغیر 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';
البته بهتره واسه تگ هات کلاس یا آیدی بذاری و با تگ اونارو انتخاب نکنی
سلام وقتتون بخیر
همونطوری که جناب مجلسی هم اشاره کردن شما برای اینکار باید از innerHtml استفاده بکنید .
اگه بخواین طبق کد خودتون کار بکنین ، اول بهتر به تگاتون آیدی بدین تا دسترسی بهش راحت تر باشه ( البته بدون آیدی هم میشه ) . بعد با innerHml محتواشو تغییر بدین
<div>
<h1>hello</h1>
<p id="p1">welcome</p>
</div>
تکه کد جاوا اسکریپت
document.getElementById("p1").innerHTML="New Text";
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟