تغییر خصوصیت عناصر HTML
نحوه استفاده:
document.getElementById(id).attribute=new value
مثال زیر، خصوصیت src عنصر <img> را تغییر داده است:
مثال (تغییر خصوصیت عناصر HTML)
<!DOCTYPE html>
<html>
<body>
<img id="image" src="/smiley.gif">
<script>
document.getElementById("image").src="/landscape.jpg";
</script>
</body>
</html>
خودتان امتحان کنید »<html>
<body>
<img id="image" src="/smiley.gif">
<script>
document.getElementById("image").src="/landscape.jpg";
</script>
</body>
</html>
توضیح مثال:
- صفحه HTML بالا، شامل یک عنصر <img> با شناسه "image" است.
- با استفاده از مدل DOM عنصر با شناسه "image" را پیدا کرده ایم.
- با استفاده از خصوصیت src در JavaScript آدرس عکس را از "smiley.gif" به "landscape.jpg" تغییر داده ایم.
