---
title: JavaScript Introduction
description: "## JavaScript нь HTML-н агуулгыг сольж чаддаг ## JavaScript Can Change HTML Content JavaScript HTML олон аргын нэг нь бол `getElementById()`. (Элэментээс id-аар нь авах) One of many JavaScript HTML methods is `getElementById()`. Доорхи жишээ нь HTML элементийг “demo” гэдэг нэртэй…"
url: "https://apprentice.mn/docs/javascript-introduction/"
updated: "2021-06-10"
category: Javascript
---

# JavaScript Introduction

## JavaScript нь HTML-н агуулгыг сольж чаддаг

## JavaScript Can Change HTML Content

JavaScript HTML олон аргын нэг нь бол `getElementById()`. (Элэментээс id-аар нь авах)

One of many JavaScript HTML methods is `getElementById()`.

Доорхи жишээ нь HTML элементийг “demo” гэдэг нэртэй ID-гаар нь хайж олоод элементийн агуулгыг (HTML доторх) “Сайн уу Javascript” гэж өөрчилж байна. 

The example below “finds” an HTML element (with id=”demo”), and changes the element content (innerHTML) to “Hello JavaScript”:

### Жишээ нь: 

### Example

      `document.getElementById("demo").innerHTML = "Сайн уу JavaScript";`

JavaScript нэг болон хоёр зартигийг хоёуланг нь хэрэглэдэг:

### жишээ нь:

### Example

      `document.getElementById('demo').innerHTML = 'Сайн уу JavaScript';`

## JavaScript HTML-н шинж чанарын утгыг өөрчилж чадна.

## JavaScript Can Change HTML Attribute Values

Энэхүү жишээнд JavaScript нь HTML-н элементийн зурганд хэрэглэдэг `src` кодны шинж чанарыг өөрчилж чадаж байна. 

In this example JavaScript changes the value of the `src` (source) attribute of an `` tag:

### Гэрлийн чийдэн

### The Light Bulb

   ![](https://www.w3schools.com/js/pic_bulboff.gif) 

## JavaScript HTML-н Стиллийн хэсэг буюу CSS-г бас өөрчилж чадна.

## JavaScript Can Change HTML Styles (CSS)

HTML-н стиллийг өөрчлөх нь HTML-н шинж чанарыг өөрчлөхтэй ижилхэн зүйл юм. 

Changing the style of an HTML element, is a variant of changing an HTML attribute:

### Жишээ нь: 

### Example

        `document.getElementById("demo").style.fontSize = "35px";`

## JavaScript HTML-н элементийг нууж чаддаг

## JavaScript Can Hide HTML Elements

HTML-н элементийг нуухдаа стиллийн  `display` хэсгийг өөрчилнө.

Hiding HTML elements can be done by changing the `display` style:

### Жишээ нь:

### Example

      `document.getElementById("demo").style.display = "none";`

## JavaScript нь HTML-н элементийг үзүүлж чаддаг. 

## JavaScript Can Show HTML Elements

HTML-н нуугдсан элементийг харуулахдаа стиллийн  `display` хэсгийг өөрчилдөг.

Showing hidden HTML elements can also be done by changing the `display` style:

### жишээ нь:

### Example

      `document.getElementById("demo").style.display = "block";`

### Та үүнийг мэддэг үү?

### Did You Know?

JavaScript болон [Java](https://www.w3schools.com/java/default.asp) нь агуулга болон дизайны хувьд хоорондоо маш их ялгаатай программын хэлнүүд юм.

JavaScript and [Java](https://www.w3schools.com/java/default.asp) are completely different languages, both in concept and design.

JavaScript-г 1995 онд Brendan Eich зохиосон бөгөөд 1997 онд ECMA стандартын нэг болсон. 

JavaScript was invented by Brendan Eich in 1995, and became an ECMA standard in 1997.

ECMA-262 бол стандартын албан ёсны нэр болно.

ECMA-262 is the official name of the standard.

ECMAScript бол программын хэлний албан ёсны нэр юм.

ECMAScript is the official name of the language.

         [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-introduction%2F&linkname=JavaScript%20Introduction](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-introduction%2F&linkname=JavaScript%20Introduction)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-introduction%2F&linkname=JavaScript%20Introduction](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-introduction%2F&linkname=JavaScript%20Introduction)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-introduction%2F&linkname=JavaScript%20Introduction](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-introduction%2F&linkname=JavaScript%20Introduction)[https://www.addtoany.com/share](https://www.addtoany.com/share)