Получить все элементы на странице

[YISHIMITSY]

Можно ли с помощью js получить массив абсолютно всех элементов на странице (не по тегу или name), а ваще все?

Существует ли какое-нить свойство типо document.elements... ну вы поняли))

[s0rr0w]

document.getElementsByTagName("*");

[psywalker]

Вот так думаю возможно.

var e = document.getElementsByTagName("*");
var m = []
for(var i = 0; i<e.length;i++) m.push(e[i])
alert(m)

[psywalker]

s0rr0w, а у меня вопрос.

Как закинуть в массив именно названия самих тегов, а не их коллекции?

Сейчас так: [object HTMLHtmlElement]

А нужно: HTML

[s0rr0w]

s0rr0w, а у меня вопрос.

Как закинуть в массив именно названия самих тегов, а не их коллекции?

Сейчас так: [object HTMLHtmlElement]

А нужно: HTML

Пройтись по всей коллекции нод и составить массив из nodeName каждого элемента

[psywalker]

Пройтись по всей коллекции нод и составить массив из nodeName каждого элемента

Понял, вот получилось.

var e = document.getElementsByTagName("*");
var m = []
for(var i = 0; i<e.length;i++) m.push(e[i].nodeName)
alert(m)

[s0rr0w]

Понял, вот получилось.

var e = document.getElementsByTagName("*");
var m = []
for(var i = 0; i<e.length;i++) m.push(e[i].nodeName)
alert(m)

Это не уникальный список. Т.е. теги с одинаковым названием будут несколько раз повторяться.

[psywalker]

Это не уникальный список. Т.е. теги с одинаковым названием будут несколько раз повторяться.

А что значит "Уникальный"? А как нужно делать тада?

[s0rr0w]

А что значит "Уникальный"? А как нужно делать тада?

Уникальный, значит не повторяется.

Если у тебя в документе 5 DIV'ов, четыре P и один SPAN, то уникальных тегов у тебя всего три: DIV, P, SPAN

Как нужно делать - придумывать тебе. Там есть два решения задачи, но можно и больше придумать.

[psywalker]

Уникальный, значит не повторяется.

Если у тебя в документе 5 DIV'ов, четыре P и один SPAN, то уникальных тегов у тебя всего три: DIV, P, SPAN

Как нужно делать - придумывать тебе. Там есть два решения задачи, но можно и больше придумать.

Понял, тогда всё готово

var e = document.getElementsByTagName("*");
var m1 = []
for(var i = 0; i<e.length;i++) m1.push(e[i].nodeName)
m1.sort()

var cont = []
var c = m1[0]
var box = []
box.push(c)

	for(var i = 0;i<m1.length;i++){
		if(c == m1[i]){
			box.push(m1[i])
		}else{
			cont.push(box)
			box = []
			c = m1[i]
			box.push(c)
		}

	}
	cont.push(box)
var m2 =[]
for(var k = 0; k<cont.length;k++) m2.push(cont[k][0])


alert(m2)

[psywalker]

s0rr0w

А у меня вопрос.

Я получил уникальные теги, но мне этот способ не нравится, так как я считаю его громоздким. Мне хотелось бы узнать другие варианты решения, скажи плиз.

[s0rr0w]

s0rr0w

А у меня вопрос.

Я получил уникальные теги, но мне этот способ не нравится, так как я считаю его громоздким. Мне хотелось бы узнать другие варианты решения, скажи плиз.

Создавай одноименные свойства у объекта.

[psywalker]

Создавай одноименные свойства у объекта.

Извини, а можно поподробнее и если можно, то с подсказочкой решения

[s0rr0w]

var nodeList = document.getElementsByTagName("*");
var uniqueTags = {};
for ( var i = nodeList.length; i-- > 0;) {
 var nodeName = nodeList.item(i).nodeName;
 if ( !uniqueTags[ nodeName ] ) uniqueTags[ nodeName ] = true;
}
console.debug(uniqueTags)

Список тегов смотреть в консоли FireBug'a

[psywalker]

Ахренеть, секунду, вопросы:

1) for ( var i = nodeList.length; i-- > 0;) - Что означает i-- > 0?

2) var nodeName = nodeList.item(i).nodeName; - Вот это ты каждому элементу присваиваешь свойство под названием nodeName?

3) if ( !uniqueTags[ nodeName ] ) uniqueTags[ nodeName ] = true; - А это выражение что означает?

4) console.debug(uniqueTags) - И вот это я тоже не понял, что значит?

[rash]

Попробую сам объяснить и заодно буду благодарен за поправки, так как тоже учусь.

1) i-- > 0 — проверить, что i больше нуля и уменьшить на единицу. Постфиксная форма значит, что выполняется выражение, а потом изменяется значение.

2) Переменной nodeName присваиваем имя тега того узла, который рассматриваем в текущей итерации цикла

3) Проверяем, что в объекте uniqueTags нет свойства с именем текущего узла, если есть — этот тег уже обработан и находится в массиве.

Кстати, почему не записать if(!nodeName in uniqueTags)? Вроде то же самое, и нагляднее.

4) Выводим отдадочную информацию в консоль фаербага.

Кстати, Sorrow, а мы можем вместо использованного цикла for записать такой:

for (var i in nodeList) {
	var nodeName = nodeList[i].nodeName;
	…
}

и если нет, то почему?

Можем поломать порядок перечисления (чисто теоретически)?

[psywalker]

Попробую сам объяснить и заодно буду благодарен за поправки, так как тоже учусь.

1) i-- > 0 — проверить, что i больше нуля и уменьшить на единицу. Постфиксная форма значит, что выполняется выражение, а потом изменяется значение.

2) Переменной nodeName присваиваем имя тега того узла, который рассматриваем в текущей итерации цикла

3) Проверяем, что в объекте uniqueTags нет свойства с именем текущего узла, если есть — этот тег уже обработан и находится в массиве.

Кстати, почему не записать if(!nodeName in uniqueTags)? Вроде то же самое, и нагляднее.

4) Выводим отдадочную информацию в консоль фаербага.

Спасибо, но вопросы:

3)

Проверяем, что в объекте uniqueTags нет свойства с именем текущего узла, если есть — этот тег уже обработан и находится в массиве.

А откуда взяться свойствам с именем текущего узла в объекте uniqueTags, если мы их туда не записывали?

А потом если есть, то про какой массив идёт речь?

4)

Выводим отдадочную информацию в консоль фаербага.

Что это всё значит? Это какая та функция, объект, или массив? И где смотреть эту инфу?

5) А можно как нибудь сделать, чтобы например создать массив и туда забросить все уникальные теги, покажите пример люди

[rash]

А откуда взяться свойствам с именем текущего узла в объекте uniqueTags, если мы их туда не записывали?

А потом если есть, то про какой массив идёт речь?

В этой строке:

if ( !uniqueTags[ nodeName ] ) uniqueTags[ nodeName ] = true;

если такого свойства нет, оно создается, ему присваивается значение true.

А в фаербаг мы просто выводим объект uniqueTags, в котором содержатся все уникальные имена тегов, обработанных на данный момент.

Вкладка «консоль», там все будет видно.

[psywalker]

В этой строке:

if ( !uniqueTags[ nodeName ] ) uniqueTags[ nodeName ] = true;

если такого свойства нет, оно создается, ему присваивается значение true.

А в фаербаг мы просто выводим объект uniqueTags, в котором содержатся все уникальные имена тегов, обработанных на данный момент.

Вкладка «консоль», там все будет видно.

аа, и выходит, что если допустим свойства нет и оно создаётся, то объект уже выглядит так:

uniqueTags = {
				div: true
			}

И наверное имеется ввиду не свойство, а поле, ведь в объекте же поля?

[rash]

аа, и выходит, что если допустим свойства нет и оно создаётся, то объект уже выглядит так:

uniqueTags = {
				div: true
			}

И наверное имеется ввиду не свойство, а поле, ведь в объекте же поля?

Совершенно верно.

А поле и свойство, насколько мне известно, равнозначные термины, правильны оба.

[psywalker]

Ок, а почему в конце я например хочу проверить первое свойство алертом, а мне пишут undefined?

alert(uniqueTags.div)

[ZoNT]

карма у тебя такая

[psywalker]

карма у тебя такая

Да я знаю, но всё же

[rash]

Покажи код, я еще не постиг JS настолько, чтобы понять со слов… Наверное где-то что-то забыли или не продумали -)

карма у тебя такая

Ура! Зонт вернулся! :-)

[psywalker]

лови дружище

var nodeList = document.getElementsByTagName("*");
var uniqueTags = {};
for ( var i = nodeList.length; i-- > 0;) {
var nodeName = nodeList.item(i).nodeName;
if ( !uniqueTags[ nodeName ] ) uniqueTags[ nodeName ] = true;
}
alert(uniqueTags.div)

[rash]

Попробую разобраться попозже, в уме все выполнилось хорошо -)