DOM (Document Object Model) DHTML
- صفحه قبلی CSS DHTML
- صفحه بعدی رویدادهای DHTML
DOM (مدل مستندات) به ما این امکان را می‌دهد که به هر عنصر در یک مستند دسترسی پیدا کنیم.
مثال
توجه:بیشتر مثال‌های DHTML نیاز به IE 4.0+، Netscape 7+ یا Opera 7+ دارند!
- دسترسی به عنصر
- چگونه یک عنصر را دسترسی پیدا کنیم و استایل آن را تغییر دهیم.
- تغییرات ویژگی
- چگونه یک عنصر تصویری را دسترسی پیدا کنیم و属性 "src" را تغییر دهیم.
- innerHTML
- چگونه یک عنصر را دسترسی پیدا کنیم و محتوای آن را تغییر دهیم.
چگونه یک عنصر را دسترسی پیدا کنیم؟
عناصر باید دارای یک属性 id تعریف شده داشته باشند و نیاز به یک زبان اسکریپت دارند. JavaScript بهترین زبان اسکریپت با سازگاری مرورگر است، بنابراین از JavaScript استفاده می‌کنیم.
<html>
<body>
<h1 id="header">سربرگ من</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>
این اسکریپت می‌تواند رنگ عناصر عنوان را تغییر دهد و خروجی ایجاد کند.
سربرگ من
- صفحه قبلی CSS DHTML
- صفحه بعدی رویدادهای DHTML
