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">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>
این اسکریپت می‌تواند رنگ عناصر عنوان را تغییر دهد و خروجی ایجاد کند.
My header
- صفحه قبل CSS DHTML
- صفحه بعدی رویدادهای DHTML
