JavaScript HTML DOM
通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。
HTML DOM（文档对象模型）
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model)。
HTML DOM ਮਾਡਲ ਸਰੂਪ ਵਿੱਚ ਸਰਗਰਮ ਹੈਆਬਜੈਕਟ ਟ੍ਰੀ:
ਆਬਜੈਕਟ ਦਾ HTML DOM ਟ੍ਰੀ
ਇਸ ਆਬਜੈਕਟ ਮਾਡਲ ਰਾਹੀਂ JavaScript ਨੂੰ ਡਾਇਨਾਮਿਕ HTML ਬਣਾਉਣ ਦੀ ਸਾਰੀ ਸ਼ਕਤੀ ਮਿਲਦੀ ਹੈ:
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਸਾਰੇ HTML ਐਲੀਮੈਂਟ ਬਦਲ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਸਾਰੇ HTML ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਦਲ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਸਾਰੇ ਸਾਈਡ ਸਟਾਈਲ ਬਦਲ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਮੌਜੂਦਾ HTML ਐਲੀਮੈਂਟ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਟਾ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਨਵੇਂ HTML ਐਲੀਮੈਂਟ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜੋੜ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਸਾਰੇ ਮੌਜੂਦਾ HTML ਈਵੈਂਟਾਂ ਨੂੰ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਨਵੇਂ HTML ਈਵੈਂਟ ਬਣਾ ਸਕਦਾ ਹੈ
ਤੁਸੀਂ ਕੀ ਸਿੱਖੋਗੇ
ਇਸ ਟਿੰਨੀਅਲ ਦੇ ਅੱਗਲੇ ਅਧਿਆਏ ਵਿੱਚ ਤੁਸੀਂ ਇਹ ਸਿੱਖੋਗੇ:
- ਕਿਵੇਂ HTML ਐਲੀਮੈਂਟ ਦਾ ਸਮਾਂਤਰਿਤ ਕਰਨਾ
- ਕਿਵੇਂ HTML ਐਲੀਮੈਂਟ ਦੇ ਸਟਾਈਲ (CSS) ਨੂੰ ਬਦਲਣ?
- ਕਿਵੇਂ HTML DOM ਈਵੈਂਟ ਨੂੰ ਪ੍ਰਤੀਕਿਰਿਆ ਦੇਣ?
- ਕਿਵੇਂ HTML ਐਲੀਮੈਂਟ ਜੋੜਨ ਅਤੇ ਹਟਾਉਣ?
ਕੀ DOM ਹੈ?
DOM ਹੈ ਜੋ ਵਿਸ਼ਵ ਵਿੱਡ ਵੈਬ ਕੰਸੋਰਸ (W3C) ਦਾ ਇੱਕ ਸਟੈਂਡਰਡ ਹੈ。
DOM ਨੇ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਾਪਤ ਦੇ ਮਿਆਰ ਨਿਰਧਾਰਿਤ ਕੀਤੇ ਹਨ:
“W3C ਦਸਤਾਵੇਜ਼ ਆਬਜੈਕਟ ਮਾਡਲ (DOM) ਪਲੇਟਫਾਰਮ ਅਤੇ ਭਾਸ਼ਾ ਨਿਰਪੱਖ ਇੰਟਰਫੇਸ ਹੈ, ਜਿਸ ਨਾਲ ਪ੍ਰੋਗਰਾਮ ਅਤੇ ਸਕ੍ਰਿਪਟ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਮਾਚਾਰ, ਸਰੂਪ ਅਤੇ ਸਟਾਈਲ ਨੂੰ ਗਤੀਸ਼ੀਲ ਢੰਗ ਨਾਲ ਪ੍ਰਾਪਤ, ਸੋਧ, ਸ਼ਾਮਲ ਕਰਨ ਜਾਂ ਹਟਾਉਣ ਦੇ ਸਮਰੱਥ ਹੁੰਦੇ ਹਨ।”
W3C DOM ਸਟੈਂਡਰਡ ਤਿੰਨ ਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ ਵਿੱਚ ਵੰਡਿਆ ਗਿਆ ਹੈ:
- Core DOM - ਸਾਰੇ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਕਾਰਾਂ ਦਾ ਮਿਆਰ ਮਾਡਲ
- XML DOM - XML ਦਸਤਾਵੇਜ਼ ਦਾ ਮਿਆਰ ਮਾਡਲ
- HTML DOM - HTML ਦਸਤਾਵੇਜ਼ ਦਾ ਮਿਆਰ ਮਾਡਲ
ਕੀ ਹੈਲਟ DOM?
HTML DOM ਹੈ ਜਿਸ ਵਿੱਚ ਹੈਲਟ ਦਾ ਮਿਆਰ ਹੈਆਬਜੈਕਟਮਾਡਲ ਅਤੇਪ੍ਰੋਗਰਾਮਿੰਗ ਇੰਟਰਫੇਸ।ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ:
- ਵਜੋਂਆਬਜੈਕਟਹੈਲਟ ਐਲੀਮੈਂਟ
- ਸਾਰੇ HTML ਐਲੀਮੈਂਟਾਂ ਦੇਪ੍ਰਾਪਤੀ
- ਸਾਰੇ HTML ਐਲੀਮੈਂਟਾਂ ਦੇਮੇਥੋਡ
- ਸਾਰੇ HTML ਐਲੀਮੈਂਟਾਂ ਦੇਈਵੈਂਟ
ਕਿਹਾਂ ਹੋਵੇਗਾ: HTML DOM ਹੈ ਜਿਸ ਵਿੱਚ ਕਿ ਕਿਵੇਂ ਹੈਲਟ ਐਲੀਮੈਂਟ ਨੂੰ ਪ੍ਰਾਪਤ, ਬਦਲਣ, ਜੋੜਨ ਜਾਂ ਹਟਾਉਣ ਦੇ ਮਿਆਰ ਦੀ ਗੱਲ ਹੁੰਦੀ ਹੈ。
