Каждый узел может иметь дочерние узлы (на схеме к ним ведут стрелки). Объект document - основание дерева документа - тоже узел, но у него нет родительского узла и имеется ряд свойств и методов, отсутствующих у других узлов. Он имеет один дочерний узел: элемент
.
, для которых дочерними становятся все элементы, содержащиеся в них.
Внимание!
«Элемент» и «тэг» не синонимы. Тэг - это знак разметки:
- это два разных тэга. А элемент - объект, помеченный этими тэгами: Текст абзаца
.
Элементы
, <h1>
и <p>Содержат внутри себя <b>текст
</b>. Это их дочерние <b>текстовые узлы
</b>. У элемента <h1>
есть также <b>атрибут
</b>: align="center"
. <b>Узлы атрибутов
</b> - это тоже дочерние узлы элементов, которые их содержат.</p>
<p>При работе с узлами DOM-дерева используются их свойства и методы.</p>
<h4>Некоторые свойства узлов</h4>
<p>Маленькое вступление
</p>
<p>Ещё раз повторю: когда мы обращаемся в скриптах к элементам страницы, то имеем дело не только с языком Javascript, но и с внедрённым в него интерфейсом <b>DOM
</b>. Иногда необходимо отдавать себе в этом отчёт, иногда можно и забыть, «что говорим прозой».</p>
<p>Некоторыми свойствами и методами из объектной модели <b>DOM
</b> мы уже таким образом пользовались. Поэтому временами я буду давать ссылки на предыдущие уроки.</p>
<p>В этом уроке мы не будем идти «академическим» путём, рассматривая все свойства всех узлов во всех браузерах. Для начала познакомимся с самыми практичными и «бесконфликтными» из них.</p>
<p>Именно поэтому <b>не будем
</b> начинать, как принято, с «основных свойств»: <b>nodeName
</b> и <b>nodeValue
</b>.</p>
<p>tagName
</p>
<p>Возвращает строку с именем тэга элемента. Все значения tagName содержат символы только верхнего регистра.</p>
<p><b>Синтаксис
</b></p>
<i>элемент
</i>.<b>tagName
</b>
<p><b>Пример
</b></p>
<span><!-- Вставим <span>, чтобы имя было не из одной буквы. -->
</span>
<p><span id=
"testTagName"
>
Тестируем свойство tagName</p>
<p>
</span>
<span><script type="text/javascript">
</span>
document.<b>write
</b>(document.<b>getElementById
</b>(<i>"testTagName"
</i>).tagName)
</script>
</p>
<p><b>Արդյունք</b></p>
<p>TagName հատկության փորձարկում</p>
<p>ներքին HTML</p>
<p>Մենք արդեն հանդիպել ենք այս գույքին (տես Դաս 10): Եվ հիմա մենք հասկանում ենք, թե որտեղից է դա եկել՝ «տնից»:</p>
<p>Մատչելիություն է տալիս տարրի բովանդակությանը: Նշում է ոչ միայն տեքստի բովանդակությունը, այլև բոլոր HTML պիտակները, որոնք գտնվում են տարրի ներսում:</p>
<p>Այս հատկությունը ոչ միայն կարդալու, այլեւ բովանդակությունը փոխելու համար է։</p>
<p>Նշում</p>
<p>IE-ում մի շարք տարրերի համար <b>ներքին HTML</b>աշխատում է միայն կարդալու համար. սրանք բոլոր աղյուսակի տարրերն են, բացառությամբ <td>Եվ <th>, և <title>Եվ <frameset>
.</p>
<p>Օրինակ, մենք ստեղծեցինք դատարկ աղյուսակ առանց տարրի <td>և ցանկանում եք ծրագրային կերպով տեղադրել այն <tr>միջոցով <b>ներքին HTML</b>:</p>
<p><html><br>
<head></head><br>
<body onload=
</span><span>"document.getElementById("test").innerHTML = " <td>փորձարկման տող</td>""
</span>>
<br><table><br>
<tr id=
"test"
></tr><br>
</table>
<br><script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body><br>
</html>
</p>
<p>IE-ն կներկայացնի «անհայտ գործարկման սխալ», իսկ մյուս բրաուզերները կտեղադրեն:</p>
<p>Միևնույն ժամանակ, եթե մենք պահանջենք տարրի առկա բովանդակությունը <tr>, օրինակ, միջոցով <span>alert(document.getElementById("id").innerHTML)</span>, ապա այն կաշխատի IE-ում։</p>
<p><b>Շարահյուսություն</b></p>
<i>տարր</i>.<b>ներքին HTML</b> = <i>«հանձնարարված տեքստ»</i>
<p><b>Օրինակ</b></p>
<table class="code"><tr><td><span><!-- читаем текст отсюда<br>
(исходный элемент делаем невидимым) -->
</span><br><p style=
"display: none;"
id=
"testInnerHTML"
><b style=
"color: red;"
>Ներքին HTML հատկության փորձարկում</b></p>
<br><span><!-- вставляем его сюда -->
</span><br><p id=
"target"
>Ներդիր պարբերություն</p>
<br><span><script type="text/javascript">
</span><br><span>// Эта функция читает текст и вставляет его в заданный абзац.
</span><br>function
testRead() {
<br>
document.<b>getElementById
</b>(<i>"target"
</i>).innerHTML = document.<b>getElementById
</b>(<i>"testInnerHTML"
</i>).innerHTML<br><span>}<br><span>// Эта функция изменяет текст заданного абзаца.
</span><br>
function
</span> testChange() {
<br>
document.<b>getElementById
</b>(<i>"target"
</i>).innerHTML = <i>"<span style="color: blue;">Перекрашиваем и меняем текст</span>"
</i><br><span>}<br><span>// Эта функция возвращает свойство в исходное положение.
</span><br>
function
</span> testReset() {
<br>
document.<b>getElementById
</b>(<i>"target"
</i>).innerHTML = <i>"Абзац для вставки"
</i><br>}
<br></script>
<br><form><br>
<input type=
"button"
value=
<span>«կարդալ ներքին HTML»</span> onClick="testRead();" > <br>
<input type=
"button"
value=
"փոխել ներքին HTML-ը"
onClick=
"testChange();"
><br>
<input type=
"button"
value=
"վերակայել"
onClick=
"testReset();"
><br>
</form>
</td>
</tr></table><p><b>Ներքին HTML հատկության փորձարկում</b></p>
<p>Ներդիր պարբերություն</p>
<br><p>Փաստաթղթի օբյեկտի մոդելը կամ «DOM»-ը ծրագրավորման ինտերֆեյս է՝ վեբ էջերի տարրեր մուտք գործելու համար: Հիմնականում դա էջի API է, որը թույլ է տալիս կարդալ և շահարկել էջի բովանդակությունը, կառուցվածքը և ոճերը: Տեսնենք, թե ինչպես է այն աշխատում և ինչպես է այն աշխատում:</p>
<h2>Ինչպե՞ս է կառուցվում վեբ էջը:</h2>
<p>Աղբյուր HTML փաստաթուղթը վերածելու, ոճավորված և ինտերակտիվ էջի վերածելու գործընթացը կոչվում է «Կրիտիկական մատուցման ուղի»: Թեև այս գործընթացը կարելի է բաժանել մի քանի փուլերի, ինչպես ես նկարագրեցի «Հասկանալով կրիտիկական մատուցման ուղին», այս քայլերը կարող են մոտավորապես խմբավորվել երկու քայլի: Առաջինում զննարկիչը վերլուծում է փաստաթուղթը՝ որոշելու, թե ի վերջո ինչ կցուցադրվի էջում, իսկ երկրորդում՝ զննարկիչը կատարում է արտապատկերումը։</p>
<p>Առաջին փուլի արդյունքն այն է, ինչ կոչվում է «ռենդեր ծառ»։ <b>մատուցել ծառ</b> HTML տարրերի ներկայացում է, որոնք կցուցադրվեն էջում և դրանց հարակից ոճերը: Այս ծառը կառուցելու համար զննարկիչին անհրաժեշտ է երկու բան.</p>
<ol><li>CSSOM, Ներկայացնում է տարրերի հետ կապված ոճերը</li><li>DOM, տարրերի ներկայացում</li>
</ol><h2>Ինչից է պատրաստված DOM-ը:</h2>
<p>DOM-ը բնօրինակ HTML փաստաթղթի օբյեկտային ներկայացում է: Այն ունի որոշ տարբերություններ, ինչպես կտեսնենք ստորև, բայց ըստ էության այն HTML փաստաթղթի կառուցվածքն ու բովանդակությունը փոխակերպելու փորձ է օբյեկտի մոդելի, որը կարող է օգտագործվել տարբեր ծրագրերի կողմից:</p>
<p>DOM օբյեկտների կառուցվածքը ներկայացված է «հանգույցի ծառ» կոչվողով։ Այն այդպես է անվանվել, քանի որ այն կարելի է պատկերացնել որպես միայնակ ծնող ունեցող ծառ, որը ճյուղավորվում է մի քանի մանկական ճյուղերի, որոնցից յուրաքանչյուրը կարող է ունենալ տերևներ: Այս դեպքում ծնող «տարրը» արմատային տարրն է, մանկական «ճյուղերը»՝ բնադրված տարրեր, իսկ «տերևները»՝ բովանդակությունը տարրերի ներսում։</p>
<p>Եկեք այս HTML փաստաթուղթը վերցնենք որպես օրինակ.</p><p>
<!doctype html>
<html lang="en">
<head>
<title>Իմ առաջին վեբ էջը
Բարեւ աշխարհ!
Ինչպես ես?
Այս փաստաթուղթը կարող է ներկայացվել որպես հանգույցների հետևյալ ծառ.
Այն, ինչ DOM-ը չէ
Վերևի օրինակում թվում է, որ DOM-ը բնօրինակ HTML փաստաթղթի 1:1 քարտեզագրումն է: Այնուամենայնիվ, ինչպես ասացի, կան տարբերություններ։ Լիովին հասկանալու համար, թե ինչ է DOM-ը, մենք պետք է նայենք, թե ինչ չէ:
DOM-ը բնօրինակ HTML-ի պատճեն չէ
Չնայած DOM-ը ստեղծվում է HTML փաստաթղթից, այն միշտ չէ, որ նույնն է: Երկու դեպք կա, երբ DOM-ը կարող է տարբերվել սկզբնական HTML-ից:
1. Երբ HTML-ը պարունակում է նշագրման սխալներ
DOM-ը ինտերֆեյս է HTML փաստաթղթի իրական (այսինքն՝ արդեն ցուցադրված) տարրերին մուտք գործելու համար: DOM-ի ստեղծման գործընթացում զննարկիչն ինքը կարող է ուղղել HTML կոդի որոշ սխալներ:
Դիտարկենք այս HTML փաստաթուղթը որպես օրինակ.
Բարեւ աշխարհ!
Փաստաթղթում բացակայում են տարրեր
Եվ , որը HTML-ի պահանջն է։ Բայց եթե նայենք ստացված DOM ծառին, կարող ենք տեսնել, որ սա շտկվել է.
- html
2. Երբ DOM-ը փոփոխվում է Javascript կոդով
Բացի HTML փաստաթղթի բովանդակությունը դիտելու միջերես լինելուց, DOM-ն ինքնին կարող է նաև փոփոխվել:
Մենք կարող ենք, օրինակ, ստեղծել լրացուցիչ հանգույցներ DOM-ի համար՝ օգտագործելով Javascript:
Var newParagraph = document.createElement("p"); var paragraphContent = document.createTextNode («Ես նոր եմ»); newParagraph.appendChild (paragraphContent); document.body.appendChild (newParagraph);
Այս կոդը կփոխի DOM-ը, սակայն փոփոխությունները չեն արտացոլվի HTML փաստաթղթում:
DOM-ն այն չէ, ինչ տեսնում եք զննարկիչում (այսինքն՝ ռենդերի ծառը)
Բրաուզերի տեսադաշտում տեսնում եք render tree-ը, որը, ինչպես ասացի, DOM-ի և CSSOM-ի համադրություն է: DOM-ը տարբերվում է ռենդերի ծառից այն է, որ վերջինս բաղկացած է միայն այն ամենից, ինչ ի վերջո կարտացվի էկրանին:
Քանի որ render ծառը վերաբերում է միայն ցուցադրվողին, այն բացառում է տեսողականորեն թաքնված տարրերը: Օրինակ՝ տարրեր, որոնք ունեն ոճեր ցուցադրում՝ ոչ մի.
Բարեւ աշխարհ!
Ինչպես ես?
DOM-ը կներառի տարրը
Այնուամենայնիվ, render tree-ը և, հետևաբար, այն, ինչ տեսանելի է տեսադաշտում, չի ներառվի այս տարրի մեջ:
DOM-ը այն չէ, ինչ ցուցադրվում է DevTools-ում
Այս տարբերությունը մի փոքր ավելի փոքր է, քանի որ DevTools Element Inspector-ն ապահովում է ամենամոտ մերձեցումը DOM-ին, որը մենք ունենք դիտարկիչում: Այնուամենայնիվ, DevTools տեսուչը պարունակում է Լրացուցիչ տեղեկություն, որը DOM-ում չէ:
Դրա լավագույն օրինակը CSS կեղծ տարրերն են: Սելեկտորների միջոցով ստեղծված կեղծ տարրեր ::նախքանԵվ ::հետո, CSSOM-ի և render tree-ի մի մասն են, բայց տեխնիկապես DOM-ի մաս չեն: Դա պայմանավորված է նրանով, որ DOM-ը ստեղծվում է միայն բնօրինակ HTML փաստաթղթից՝ չներառելով տարրի վրա կիրառվող ոճերը:
Թեև կեղծ տարրերը DOM-ի մաս չեն, դրանք գտնվում են մեր devtools տարրերի տեսուչում:
Ամփոփում
DOM-ը HTML փաստաթղթի միջերես է: Այն օգտագործվում է բրաուզերների կողմից որպես առաջին քայլ՝ որոշելու, թե ինչ պետք է ցուցադրել դիտակետում և Javascript կոդըփոխել էջի բովանդակությունը, կառուցվածքը կամ ոճը:
Ցանկացած բացելիս HTML փաստաթուղթզննարկիչը նախ վերլուծում է իր բովանդակությունը և այս վերլուծության հիման վրա ստեղծում է HTML փաստաթղթի օբյեկտի մոդելըկամ ավելի կարճ DOM.
DOM-ը կազմված է հիերարխիկորեն տեղակայված օբյեկտներից, որոնք կոչվում են հանգույցներ. Կառուցվածքի յուրաքանչյուր հանգույց ներկայացնում է a HTML էջտարր.
Օգտագործելով DOM-ը կարող եք փոխազդել ( կարդալ, փոփոխել, ջնջել) HTML փաստաթղթերի բովանդակությամբ սկրիպտներից:
Ստորև բերված է փաստաթղթի HTML կոդը և DOM-ը, որը կստեղծվի զննարկչի կողմից այս կոդի հիման վրա.
HTML DOM
HTML DOM.
Բարեւ բոլորին.
Նկարում ներկայացված բոլոր ուղղանկյունները առարկաներ են (կամ հանգույցներ): Հանգույցները տարբեր տիպ.
Փաստաթղթի հանգույցը նշված է կարմիրով: DOM-ի ցանկացած զանգ պետք է սկսվի այս հանգույցին զանգով:
Նշված է կանաչով տարրի հանգույցներ. Էջի յուրաքանչյուր HTML տարրի համար զննարկիչը ստեղծում է համապատասխան տարրերի հանգույց։
Տարրերի բովանդակությունը պահվում է տեքստային հանգույցներ. Մեր դիագրամում տեքստային հանգույցները նշված են կապույտով:
Յուրաքանչյուրի համար HTML հատկանիշտարր է ստեղծվում հատկանիշի հանգույց. Դիագրամում հատկանիշի հանգույցը նշված է վարդագույնով:
Նշում:մի մոռացեք, որ տեքստը միշտ պահվում է տեքստային հանգույցներում, այլ ոչ թե տարրի հատկություն: Նրանք. HTML տարրի բովանդակություն մուտք գործելու համար դուք պետք է մուտք գործեք դրա տեքստային հանգույցի հատկությունը:
Հանգույցների միջև հարաբերությունները
Օբյեկտի կառուցվածքի հանգույցները կապված են միմյանց հետ: Հանգույցների միջև հարաբերությունները նկարագրելու համար կան մի քանի հատուկ տերմիններ.
ծնող հանգույց ( ծնող հանգույց)
- դիտարկվող օբյեկտի հետ կապված մայր հանգույցը այն հանգույցն է, որում գտնվում է դիտարկվող օբյեկտը: Մեր սխեմայի վրա՝ կապված հանգույցների հետ
Եվ
ծնող է. Հանգույցի համար հանգույցը ծնող է <head>.</p>
<p><b>Մանկական հանգույցներ ( <i>մանկական հանգույց</i>)
</b>- դիտարկվող օբյեկտի նկատմամբ հետնորդ հանգույցը այն հանգույցն է, որը գտնվում է դիտարկվող օբյեկտի մեջ: Մեր դիագրամի վրա՝ կապված հանգույցի հետ <body> <h1>Եվ <p>Նրանք ժառանգներ են։ Հանգույցի համար <head>ժառանգ է <title>.</p>
<p><b>Եղբայր կամ եղբայրական հանգույցներ ( <i>եղբայրական հանգույց</i>)
</b>- հանգույցներ, որոնք գտնվում են նույն բույն մակարդակի վրա իրենց մայր հանգույցի նկատմամբ: Մեր դիագրամում եղբայրական հանգույցներն են <body>Եվ <head>, <p>DOM-ի ամենավերին հանգույցը կոչվում է <b>արմատ</b>. Մեր դիագրամում արմատն է <html>(քանի որ փաստաթղթի օբյեկտը DOM-ի մաս չէ):</p>
<p>W3C <br>DOM ստեղծողներ <br></p>
<p>Նախքան DOM տեխնոլոգիան սովորելը, դուք արդեն պետք է իմանաք HTML-ի, CSS-ի հիմունքները և, բացի այդ, պետք է կարդալ հոդվածներ HTML ձևերի մասին (իմանաք, թե ինչպես ստեղծել կոճակներ, տեքստային դաշտեր և այլն):</p>
<p><b>DOM</b> <i>(փաստաթղթի օբյեկտի մոդել)</i>- փաստաթղթի օբյեկտի մոդել, ստեղծված W3C-ի կողմից ( <a href="https://ow5.ru/hy/multimedia/vsemirnoi-pautiny-chemu-i-posvyashchena-chem-otlichaetsya-internet-ot.html">աշխարհով մեկ</a>Վեբ կոնսորցիումը Համաշխարհային սարդոստայնի կոնսորցիում է:</p>
<p><b>DOM</b>վեբ տեխնոլոգիա է, որը թույլ է տալիս կառավարել էջի HTML թեգերը JavaScript լեզվի միջոցով: DOM-ը ներկայացնում է HTML թեգերը որպես հատկություններ և մեթոդներ ունեցող օբյեկտներ: Յուրաքանչյուր HTML թեգ (օբյեկտ) HTML էջի վրա, DOM-ի շնորհիվ, ունի իր յուրահատուկ հասցեն։ Մուտք գործելով այս հասցե՝ <span>JavaScript-ը կարող է կառավարել</span> HTML պիտակ.</p>
<p>DOM-ում հասցեները ստեղծվում են ավտոմատ կերպով, բայց դրանք չափազանց երկար են և բարդ: Հետևաբար, DOM-ի ստեղծողները հնարավորություն են տվել վեբ ծրագրավորողներին ինքնուրույն գրել կարճ հասցեներ՝ id (եզակի նույնացուցիչ) ընտրիչի միջոցով:</p>
<h2>Ինչպես է աշխատում DOM-ը</h2>
<p>Բրաուզերը, HTML էջը բացելիս, իր թեգերի հիման վրա ստեղծում է DOM կառուցվածք, որտեղ յուրաքանչյուր HTML թեգ հայտնվում է որպես իր յուրահատուկ հասցեով օբյեկտ։ DOM կառուցվածքը նույնպես կոչվում է <i>DOM ծառ</i>, այս ծառը բաղկացած է հանգույցներից, որոնք HTML թեգեր, ատրիբուտներ, տեքստ են։</p>
<h2>DOM-ի պատմություն</h2>
<p>Սկզբում DOM-ը ստանդարտացված չէր, և այդ ժամանակ գոյություն ունեցող երկու բրաուզերները՝ Netscape Navigator և <a href="https://ow5.ru/hy/tv-and-video/ne-ustanavlivaetsya-gugl-hrom-na-vindovs-8-kak-skachat-i-ustanovit-google-chrome-ne.html">Internet Explorer</a>, ինքնուրույն ստեղծել են DOM-ը: Այն ժամանակ վեբ ծրագրավորողները պետք է սովորեին DOM-ի երկու տարբերակ:</p>
<p>Վրա <a href="https://ow5.ru/hy/system/perevod-deneg-s-bilaina-na-tele2-komandy-dlya-sms-komissiya-osnovnye-momenty.html">այս պահին</a>, W3C-ը ստանդարտացրել է DOM-ը, և բոլոր բրաուզերները փորձում են հավատարիմ մնալ այս ստանդարտին:</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
<div class="comment_box" id="comments">
</div>
</div>
<div id="sidebar">
<div class="widget widget_nav_menu" id="nav_menu-2">
<div class="menu-mainmenu-container">
<ul id="menu-mainmenu-2" class="menu">
<li class="submenu"><a href="https://ow5.ru/hy/category/android-total/">Android - Ընդհանուր</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/security/">Անվտանգություն</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/more/">Այլ</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/game/">Խաղեր</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/internet/">Համացանց</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/keyboard/">Ստեղնաշարեր</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/multimedia/">Մուլտիմեդիա</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/navigation/">Նավիգացիա</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/office/">Գրասենյակ</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/program/">Ծրագրեր</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/different/">Տարբեր</a>
</li>
<li class="submenu"><a href="https://ow5.ru/hy/category/system/">Համակարգային</a>
</li>
</ul>
</div>
</div>
<div class="widget">
<div class="heading star">Վերջին գրառումները</div>
<div class="popular_posts">
<div class="news_box">
<a href="https://ow5.ru/hy/system-utilities/kak-vosstanovit-moyu-stranicu-v-odnoklassnikah-vozvrat.html" class="thumb"><img width="95" height="95" src="/uploads/aeaa41ce84ea748fe76cf90e7edb532e.jpg" class="attachment-mini size-mini wp-post-image" alt="Դասընկերների մեջ ջնջված կամ արգելափակված էջը վերադարձնելը" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/system-utilities/kak-vosstanovit-moyu-stranicu-v-odnoklassnikah-vozvrat.html">Դասընկերների մեջ ջնջված կամ արգելափակված էջը վերադարձնելը</a>
</div>
</div>
</div>
<div class="news_box">
<a href="https://ow5.ru/hy/game/chto-delat-esli-audiozapisi-vk-ne-vosproizvodyatsya-pochemu-vkontakte-ne.html" class="thumb"><img width="95" height="95" src="/uploads/65770e61a298aa3e28ddf470cb2579e0.jpg" class="attachment-mini size-mini wp-post-image" alt="Ինչու՞ Vkontakte-ն երաժշտություն չի նվագում և ինչ անել դրա հետ:" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/game/chto-delat-esli-audiozapisi-vk-ne-vosproizvodyatsya-pochemu-vkontakte-ne.html">Ինչու՞ Vkontakte-ն երաժշտություն չի նվագում և ինչ անել դրա հետ:</a>
</div>
</div>
</div>
<div class="news_box">
<a href="https://ow5.ru/hy/photo-editors/upominaniya-vkontakte-kak-v-vkontakte-upomyanut-cheloveka-kak-v-kontakte.html" class="thumb"><img width="95" height="95" src="/uploads/f181ff1ade1a6984ed85c2954ab71048.jpg" class="attachment-mini size-mini wp-post-image" alt="Ինչպե՞ս նշել մարդուն Vkontakte-ում:" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/photo-editors/upominaniya-vkontakte-kak-v-vkontakte-upomyanut-cheloveka-kak-v-kontakte.html">Ինչպե՞ս նշել մարդուն Vkontakte-ում:</a>
</div>
</div>
</div>
<div class="news_box">
<a href="https://ow5.ru/hy/program/gde-zhivet-maks-tarasenko-adres-biograficheskie-dannye-braina-mapsa.html" class="thumb"><img width="95" height="95" src="/uploads/1f58bb94499f926e7b02137d77d764cd.jpg" class="attachment-mini size-mini wp-post-image" alt="Բրայան Քարտեզների կենսագրական տվյալներ" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/program/gde-zhivet-maks-tarasenko-adres-biograficheskie-dannye-braina-mapsa.html">Բրայան Քարտեզների կենսագրական տվյալներ</a>
</div>
</div>
</div>
<div class="news_box">
<a href="https://ow5.ru/hy/tv-and-video/vkontakte-vk-mp3-vkontakte-mp3-mod-izmeneniya-v-poslednei-versii.html" class="thumb"><img width="95" height="95" src="/uploads/9f280d6ec603eb33f62eccc15ac78d44.jpg" class="attachment-mini size-mini wp-post-image" alt="VKontakte MP3 ռեժիմ Փոփոխություններ վերջին տարբերակում" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/tv-and-video/vkontakte-vk-mp3-vkontakte-mp3-mod-izmeneniya-v-poslednei-versii.html">VKontakte MP3 ռեժիմ Փոփոխություններ վերջին տարբերակում</a>
</div>
</div>
</div>
</div>
</div>
<div class="widget">
<div class="heading star">Հանրաճանաչ</div>
<div class="popular_posts">
<div class="news_box">
<a href="https://ow5.ru/hy/multimedia/ne-zagruzhaetsya-fifa-18-vyletaet-fifa-pri-zapuske-chto-delat.html" class="thumb"><img width="95" height="95" src="/uploads/dc70fb5a8f8e301c6a58d0cd510e9703.jpg" class="attachment-mini size-mini wp-post-image" alt="ՖԻՖԱ-ն վթարի է ենթարկվել մեկնարկի պահին" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/multimedia/ne-zagruzhaetsya-fifa-18-vyletaet-fifa-pri-zapuske-chto-delat.html">ՖԻՖԱ-ն վթարի է ենթարկվել մեկնարկի պահին</a>
</div>
</div>
</div>
<div class="news_box">
<a href="https://ow5.ru/hy/system/350-minut-v-chasah-perevod-chasov-v-minuty-v-microsoft-excel-zachem-takie-slozhnosti.html" class="thumb"><img width="95" height="95" src="/uploads/4b18c2f9a0964faaea01b8c95275c258.jpg" class="attachment-mini size-mini wp-post-image" alt="Փոխարկեք ժամերը րոպեների Microsoft Excel-ում" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/system/350-minut-v-chasah-perevod-chasov-v-minuty-v-microsoft-excel-zachem-takie-slozhnosti.html">Փոխարկեք ժամերը րոպեների Microsoft Excel-ում</a>
</div>
</div>
</div>
<div class="news_box">
<a href="https://ow5.ru/hy/internet/kak-soedinit-2-diagrammy-v-eksele-grafiki-i-diagrammy-v-microsoft-excel.html" class="thumb"><img width="95" height="95" src="/uploads/63e48e2f3fcceab1c239ec2b3b42d900.jpg" class="attachment-mini size-mini wp-post-image" alt="Գրաֆիկներ և գծապատկերներ Microsoft Excel-ում" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a>
<div class="element">
<div class="title">
<a href="https://ow5.ru/hy/internet/kak-soedinit-2-diagrammy-v-eksele-grafiki-i-diagrammy-v-microsoft-excel.html">Գրաֆիկներ և գծապատկերներ Microsoft Excel-ում</a>
</div>
</div>
</div>
</div>
</div>
<div class="widget">
<div class="heading">Նորություններ</div>
<div class="business_news">
<div class="news">
<div class="date">2022-10-21 03:04:00</div>
<a href="https://ow5.ru/hy/internet/nine-store-chto-eto-za-programma-nine-store-chto-eto-za-programma.html" class="title">Nine Store - ինչ է այս ծրագիրը Ներբեռնեք ինը խանութի հին տարբերակը</a>
</div>
<div class="news">
<div class="date">2021-11-30 17:27:20</div>
<a href="https://ow5.ru/hy/office/failovaya-sistema-refs-preimushchestva-i-perspektivy-refs.html" class="title">Առավելությունները և հեռանկարները</a>
</div>
<div class="news">
<div class="date">2021-11-30 17:27:20</div>
<a href="https://ow5.ru/hy/system-utilities/odnoklassniki-polnaya-versiya-vhod-na-moyu-stranicu-zaiti-v-odnoklassniki-na.html" class="title">Գնացեք ձեր էջում դասընկերների մոտ. Մանրամասն տեղեկություններ</a>
</div>
<div class="news">
<div class="date">2021-11-25 03:14:50</div>
<a href="https://ow5.ru/hy/strategy/professiya-veb-dizainer-skolko-zarabatyvayut-i-gde-uchitsya-etoi-specialnosti-professiya-web-dizain.html" class="title">Մասնագիտություն վեբ դիզայներ. Որքա՞ն են նրանք վաստակում և որտեղ սովորել այս մասնագիտությունը:</a>
</div>
<div class="news">
<div class="date">2021-11-25 03:14:50</div>
<a href="https://ow5.ru/hy/system-utilities/pochemu-bet-tokom-ot-vsego-v-chem-prichina-udar-tokom.html" class="title">Էլեկտրական ցնցում. հետևանքներ, անհրաժեշտ գործողություններ և ճիշտ միջոցներ Ինչպես էլեկտրականացնել ձեռքերը ցնցումներին</a>
</div>
</div>
</div>
<div class="widget ai_widget" id="ai_widget-5">
<div class='dynamic dynamic-13' style='margin: 8px 0; clear: both;'>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="fixed">
<div class="inner">
<div class="footer_l">
<a href="https://ow5.ru/hy/" class="logo" style="background:none;">ow5.ru</a>
<div class="copyright">
<p>ow5.ru - Կրթություն. Անվտանգություն. Նավիգացիա. Համացանց. Խաղեր. Գրասենյակային ծրագրեր</p>
<p><span>2023 - Բոլոր իրավունքները պաշտպանված են</span></p>
</div>
</div>
<div class="footer_c">
<ul id="menu-topmenu-1" class="nav">
<li><a href="https://ow5.ru/hy/feedback.html">Կոնտակտներ</a></li>
<li><a href="">Կայքի մասին</a></li>
<li><a href="">Գովազդ կայքում</a></li>
</ul>
<div class="footer_menu">
<ul id="menu-nizhnee-1" class="">
<li id="menu-item-"><a href="https://ow5.ru/hy/category/android-total/">Android - Ընդհանուր</a></li>
<li id="menu-item-"><a href="https://ow5.ru/hy/category/security/">Անվտանգություն</a></li>
<li id="menu-item-"><a href="https://ow5.ru/hy/category/more/">Այլ</a></li>
<li id="menu-item-"><a href="https://ow5.ru/hy/category/game/">Խաղեր</a></li>
</ul>
<ul id="menu-nizhnee-2" class="">
<li id="menu-item-"><a href="https://ow5.ru/hy/category/android-total/">Android - Ընդհանուր</a></li>
<li id="menu-item-"><a href="https://ow5.ru/hy/category/security/">Անվտանգություն</a></li>
<li id="menu-item-"><a href="https://ow5.ru/hy/category/more/">Այլ</a></li>
<li id="menu-item-"><a href="https://ow5.ru/hy/category/game/">Խաղեր</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">jQuery(function($) { $(document).on("click", ".pseudo-link", function(){ window.open($(this).data("uri")); } );} );</script>
<script type='text/javascript' src='https://ow5.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script>
<script type='text/javascript' src='https://ow5.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='https://ow5.ru/wp-content/themes/delo/assets/scripts/theme.js'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 60, "margin_bottom" : 200, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-8','ai_widget-5'] } ;
</script>
<script type='text/javascript' src='https://ow5.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script async="async" type='text/javascript' src='https://ow5.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>