ماهان مطلبی
3 سال پیش
توسط ماهان مطلبی
مطرح شد
تغییر متن تگ با جاوا اسکریپت
سلام من چتور میتونم متن داخل تگ رو با جاوا اسکریپت تغییر بدم؟
<div>
<h1>hello</h1>
<p>welcome</p>
</div>به عنوان مثال برای کد بالا میخوام تک div رو با جاوا اسکریپت انتخواب کنم و بدون اینکه تگ ها از بین برن فقط متن ها رو تغییر بدم.
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
گزارش تخلف
کپی کردن
1
میتونی از متغیر textContent از document استفاده کنی
مثلا:
<div>Old Text</div>
<script>
document.querySelector('div').textContent = "New Text";
</script>با استفاده از این متغیر میتونی به متن داخل المنت دسترسی پیدا کنی
گزارش تخلف
کپی کردن
-1
document.querySelector('div').children[0].style.color='red';
document.querySelector('div').children[1].style.color='red';البته بهتره واسه تگ هات کلاس یا آیدی بذاری و با تگ اونارو انتخاب نکنی
گزارش تخلف
کپی کردن
1
نجما
@n.bahreman157
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
1
سلام وقتتون بخیر
همونطوری که جناب مجلسی هم اشاره کردن شما برای اینکار باید از innerHtml استفاده بکنید .
اگه بخواین طبق کد خودتون کار بکنین ، اول بهتر به تگاتون آیدی بدین تا دسترسی بهش راحت تر باشه ( البته بدون آیدی هم میشه ) . بعد با innerHml محتواشو تغییر بدین
<div>
<h1>hello</h1>
<p id="p1">welcome</p>
</div>تکه کد جاوا اسکریپت
document.getElementById("p1").innerHTML="New Text";