Як отримати доступ до будь-якого об`єкта html через jаvascript

Відео: Уроки jаvascript | # 11 - Об`єкти

Як отримати доступ до будь-якого об`єкту HTML через jаvascript

До сих пір ми отримували доступ до цілком певного об`єкту. Однак, буває потрібно отримати доступ до абсолютно будь-якого об`єкта (часом, заздалегідь невідомому) HTML. От саме про це і написана ця невелика стаття.

Для доступу до будь-якого об`єкту HTML в jаvascript існує властивість у об`єкта Document, яке називається all. Ця властивість є масивом. Зараз я Вам пропоную знайти якусь HTML-сторінку і вставити туди наступний скрипт:

Відео: Як підключитися до чужого PC

document.write(document.all.length) -

Будьте уважні: даний скрипт повинен викликатися в кінці сторінки! Сподіваюся, Ви пам`ятаєте правило: поки об`єкт не існує - з ним можна працювати. Тому перш, ніж працювати з HTML-об`єктами, необхідно, щоб вони спочатку з`явилися.

Тепер давайте виведемо всі об`єкти, які є на сторінці. Так як властивість all - це масив, то звертатися з ним треба, як з масивом:

var str =""- 
for(i =0- i lt; document.all.length- i++) 
 str += document.all[i]+"
"- 
document.write(str) -

Тут ми отримуємо всі об`єкти на сторінці і записуємо їх в змінну str. Після того, як цикл пройдено, ми виводимо цю змінну.

Тепер давайте вирішимо просту задачу. Давайте змінимо значення всіх елементів p (абзац) На слово "jаvascript". Пишемо такий скрипт:

for(i =0- i lt; document.all.length- i++){ 
var obj = document.all[i] - 
if(obj instanceofHTMLParagraphElement) 
obj.innerHTML ="jаvascript"- 
}

Тепер обговоримо даний скрипт. Спочатку звичайний цикл, потім ми змінної obj присвоюємо поточний об`єкт HTML-сторінки, що знаходиться в масиві all. Далі за допомогою оператора instanceof ми перевіряємо приналежність цього об`єкту до класу HTMLParagraphElement. І якщо цей об`єкт є елементів p, то за допомогою властивості innerHTML міняємо значення всередині тега

на "jаvascript". Ось такий нехитрий скрипт.

До зустрічі!

Поділися в соціальних мережах:

Схожі