JavaScript HTML DOM
- ਪਿਛਲਾ ਪੰਨਾ JS ਅਸਾਈਨਚਰ
- ਅਗਲਾ ਪੰਨਾ DOM ਮੇਥਡ
通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。
HTML DOM（文档对象模型）
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
HTML DOM ਮਾਡਲ ਇਸ ਤਰ੍ਹਾਂ ਸਰੂਪਿਤ ਹੁੰਦਾ ਹੈਆਬਜੈਕਟ ਟ੍ਰੀ:
ਆਬਜੈਕਟ ਦਾ HTML DOM ਟ੍ਰੀ
ਇਸ ਆਬਜੈਕਟ ਮਾਡਲ ਰਾਹੀਂ, JavaScript ਨੂੰ ਗਤੀਸ਼ੀਲ HTML ਬਣਾਉਣ ਦੀਆਂ ਸਾਰੀਆਂ ਸ਼ਕਤੀਆਂ ਮਿਲਦੀਆਂ ਹਨ:
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਸਾਰੇ HTML ਐਲੀਮੈਂਟ ਬਦਲ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਸਾਰੇ HTML ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਦਲ ਸਕਦਾ ਹੈ
- JavaScript ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਵਿੱਚ ਸਾਰੇ CSS ਸਟਾਈਲ ਬਦਲ ਸਕਦਾ ਹੈ
- 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 ਹੈ ਕਿ ਕਿਵੇਂ ਹੈਲਟ ਐਲੀਮੈਂਟ ਨੂੰ ਜਾਣੇ, ਬਦਲਣ, ਜੋੜਨ ਜਾਂ ਹਟਾਉਣ ਦਾ ਮਿਆਰ。
- ਪਿਛਲਾ ਪੰਨਾ JS ਅਸਾਈਨਚਰ
- ਅਗਲਾ ਪੰਨਾ DOM ਮੇਥਡ
