JavaScript بطور معمول برای دستکاری عناصر HTML استفاده می شود.

تغییر محتوای عناصر HTML

Wiki

در JavaScript برای دسترسی به یک عنصر HTML از طریق ID می توان از دستور ()document.getElementById استفاده کرد.

این متد بوسیله شناسه یا (ID) یک عنصر، به آن دسترسی پیدا می کند.

در مثال زیر، محتوای عنصر با شناسه "demo" به مقدار جدید، تغییر می کند:

مثال (شروع کار با JavaScript)

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p id="demo">My First Paragraph</p>

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>

</body>
</html>
خودتان امتحان کنید »

همچنین در مثال زیر، تاریخ جاری سیستم، داخل عنصری با شناسه "demo" نوشته می شود (عنصر <p>):

مثال (شروع کار با JavaScript)

<html>
<body>

<h1>My First Web Page</h1>

<p id="demo"></p>

<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>

</body>
</html>
خودتان امتحان کنید »

دستور ()document.write

Wiki

در مثال زیر، یک عنصر <p> با محتوی "My First JavaScript" در ادامه فایل HTML نوشته می شود:

مثال (شروع کار با JavaScript)

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
document.write("<p>My First JavaScript</p>");
</script>

</body>
</html>
خودتان امتحان کنید »

توجه: در کدهای JavaScript واقعی، از دستور ()document.write استفاده نکنید. چون تمام صفحه دوباره نوشته می شود. با این وجود در اینجا دستور ()document.write یک راه ساده برای ایجاد خروجی در JavaScript را نشان می دهد. (به مثال زیر توجه نمایید)

مثال (شروع کار با JavaScript)

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
document.write("Oops! The document disappeared!");
}
</script>

</body>
</html>
خودتان امتحان کنید »

JavaScript در Windows 8

Wiki

Microsoft در Windows 8 برای ایجاد برنامه های تحت ویندوز، JavaScript را پشتیبانی می کند.

در آینده بطور قطع، JavaScript هم در اینترنت و هم در ویندوز استفاده خواهد شد.