Javascript.RU

Поиск элементов в DOM

Update: Более новый материал по этой теме находится по адресу https://learn.javascript.ru/searching-elements-dom.

Стандарт DOM предусматривает несколько средств поиска элемента. Это методы getElementById, getElementsByTagName и getElementsByName.

Более мощные способы поиска предлагают javascript-библиотеки.

Самый удобный способ найти элемент в DOM - это получить его по id. Для этого используется вызов document.getElementById(id)

Например, следующий код изменит цвет текста на голубой в div'е c id="dataKeeper":

document.getElementById('dataKeeper').style.color = 'blue'

Следующий способ - это получить все элементы с определенным тегом, и среди них искать нужный. Для этого служит document.getElementsByTagName(tag). Она возвращает массив из элементов, имеющих такой тег.

Например, можно получить второй элемент(нумерация в массиве идет с нуля) с тэгом li:

document.getElementsByTagName('LI')[1]

Что интересно, getElementsByTagName можно вызывать не только для document, но и вообще для любого элемента, у которого есть тег (не текстового).

При этом будут найдены только те объекты, которые находятся под этим элементом.

Например, следующий вызов получает список элементов LI, находящихся внутри первого тега div:

document.getElementsByTagName('DIV')[0].getElementsByTagName('LI')

Вызов elem.getElementsByTagName('*') вернет список из всех детей узла elem в порядке их обхода.

Например, на таком DOM:

<div id="d1">
  <ol id="ol1">
    <li id="li1">1</li>
    <li id="li2">2</li>
  </ol>
</div>

Такой код:

var div = document.getElementById('d1')
var elems = div.getElementsByTagName('*')

for(var i=0; i<elems.length; i++) alert(elems[i].id)

Выведет последовательность: ol1, li1, li2.

Метод document.getElementsByName(name) возвращает все элементы, у которых имя (атрибут name) равно данному.

Он работает только с теми элементами, для которых в спецификации явно предусмотрен атрибут name: это form, input, a, select, textarea и ряд других, более редких.

Метод document.getElementsByName не будет работать с остальными элементами типа div,p и т.п.

Существуют и другие способы поиска по DOM: XPath, cssQuery и т.п. Как правило, они реализуются javascript-библиотеками для расширения стандартных возможностей браузеров.

Также есть метод getElementsByClassName для поиска элементов по классу, но он совсем не работает в IE, поэтому в чистом виде им никто не пользуется.

Частая опечатка связана с отсутствием буквы s в названии метода getElementById, в то время как в других методах эта буква есть: getElementsByName.

Правило здесь простое: один элемент - Element, много - Elements. Все методы *Elements* возвращают список узлов.


Автор: Octane, дата: 14 августа, 2008 - 13:27
#permalink

Современные браузеры (FireFox 3, Opera 9.5, Safari 3.1) поддерживают метод «getElementsByClassName».

document.getElementsByClassName('class-name');
node.getElementsByClassName('class-name');
document.getElementsByClassName('class-name-1 class-name-2');
node.getElementsByClassName('class-name-1 class-name-2');

Автор: Гость (не зарегистрирован), дата: 29 июля, 2016 - 09:51
#permalink

не знаю


Автор: Гость (не зарегистрирован), дата: 23 сентября, 2024 - 06:54
#permalink

The graphics are adorable, and the overall vibe of the game is light and enjoyable. Whether you’re a casual gamer or someone who loves physics-based challenges, Eggy Car is a great pick. It’s both entertaining and addictive!


Автор: Octane, дата: 14 августа, 2008 - 14:05
#permalink

И еще

document.getElementsByTagName("*");

в IE ниже 6-й версии возвращает пустой объект, для этого в старых версиях IE нужно использовать

document.all;

Автор: Илья Кантор, дата: 26 сентября, 2008 - 16:47
#permalink

Ниже IE6 жизни нет


Автор: popovich_a_i, дата: 11 августа, 2010 - 13:28
#permalink

как по мне и в ИЕ6 жизни нет...


Автор: Гость (не зарегистрирован), дата: 5 марта, 2011 - 15:52
#permalink

Как по мне, в IE жизни не было и нет вообще))))


Автор: kiborg (не зарегистрирован), дата: 23 марта, 2011 - 10:02
#permalink

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


Автор: js (не зарегистрирован), дата: 17 апреля, 2011 - 13:32
#permalink

Долой осла!
Даёшь на каждом нормальном сайте указание на браузер пользователя и ссылки на нормальные браузеры, если пользователь сидит на осле!

Я Js изучаю, но совместимость с ие просто пролистываю не читая - фтопку кривотню!


Автор: Ruzarh (не зарегистрирован), дата: 1 мая, 2011 - 22:28
#permalink

Если бы не осел, то в браузеры развивались бы медленнее, очень много инноваций он ввел. Да и много в нем есть удобного что другие не поддерживают(пусть немного но есть).

Определите в другом браузере нажатия 2х кнопок сразу, правой и левой одновременно, а в ослике можно))


Автор: vov (не зарегистрирован), дата: 16 июня, 2011 - 11:29
#permalink

Чувак, польностью согласен. Майкрорсофт давно бы прекратили выпускать это уродсто по имени интернет эксплорер.


Автор: popov654, дата: 19 августа, 2011 - 01:53
#permalink

Народ, ну что за холивар) В IE много приятных вкусностей. Вот хотя бы при изменении свойств top, bottom, left, right и подобных можно опускать px и указывать только число. Везде бы так) Представляете, насколько сокращается JS код


Автор: dfzy (не зарегистрирован), дата: 30 августа, 2011 - 08:43
#permalink

а представляете, насколько сокращается JS код, если бы небыло IE Yes4


Автор: rf (не зарегистрирован), дата: 29 марта, 2017 - 23:57
#permalink

Это да...


Автор: Гость (не зарегистрирован), дата: 24 сентября, 2011 - 15:35
#permalink

Я бы на вашем месте не говорил бы так про ослика, он внес большой вклад в развитие интернет -технологий. Для и вообще, я сам вырос на IE 3 и поэтому мне он роднее, чем все остальные. Ну а какие вы программисты, если даже не учитываете все браузера, а говорите "долой его"... Такова учесть программиста, чтобы учитывать все. Ибо нехрен лесть в это дело вообще.


Автор: Гость (не зарегистрирован), дата: 3 сентября, 2015 - 09:04
#permalink

Должен быть стандарт для программиста - один язык, которые все браузеры понимают четко и однозначно. А писать веб разработчикам для каждого браузера своим кодом - это маразм. Это все равно, что писать программу под все операционные системы сразу.


Автор: Гость (не зарегистрирован), дата: 11 января, 2017 - 23:05
#permalink

Абсолютно точно!


Автор: Гость (не зарегистрирован), дата: 24 сентября, 2011 - 15:37
#permalink

По мне так все браузера хороши.


Автор: havvy (не зарегистрирован), дата: 30 августа, 2023 - 11:26
#permalink

It's simply the principle of survival! Fun Games


Автор: geret2233 (не зарегистрирован), дата: 29 июля, 2024 - 13:01
#permalink

После подачи заявки команда компании немедленно приступила к работе. На следующий день все необходимые документы были у нас на руках. Это было невероятно оперативно, особенно учитывая, что процесс оформления временной регистрации обычно занимает гораздо больше времени. Мы были приятно удивлены такой скоростью и профессионализмом.

Оформление временной регистрации оказалось простым и прозрачным процессом. Специалисты компании обладают многолетним опытом и отлично разбираются в законодательстве, что помогло избежать любых ошибок и задержек. Услуги регистрация в Москве купить предоставляются на договорной основе, что гарантирует законность всех действий.


Автор: Гость (не зарегистрирован), дата: 25 октября, 2012 - 23:01
#permalink

Ручки переставить в правильное место, тогда будет счастье и в IE


Автор: Гость (не зарегистрирован), дата: 9 марта, 2013 - 16:12
#permalink

Согласен:)


Автор: РоманГость (не зарегистрирован), дата: 3 сентября, 2011 - 12:30
#permalink

По мне и в IE7 жизни нет


Автор: Гость (не зарегистрирован), дата: 29 ноября, 2013 - 09:44
#permalink

Ниже IE 10 жизни нет.


Автор: Travel Europe (не зарегистрирован), дата: 30 апреля, 2014 - 05:59
#permalink

Ниже IE 11 жизни нет.


Автор: politik22922 (не зарегистрирован), дата: 1 августа, 2024 - 18:24
#permalink

Всем привет! Расскажу вам историю о том, как моя подруга Катя справилась с необходимостью временной регистрации в Москве. Она получила предложение о работе мечты, но ей нужно было срочно переехать и оформить регистрацию. Времени на бюрократические процедуры у нее не было, поэтому она решила регистрация в Москве купить.


Автор: Bad Request, дата: 26 сентября, 2008 - 16:26
#permalink

Код из раздела "Получить всех потомков" не пашет. Файрбуг пишет:

div is null
1.html()()1.html (line 5)
[Break on this error] var elems = div.getElementsByTagName('*')

Автор: Azadi, дата: 6 января, 2010 - 18:53
#permalink

Перенесите код скрипта ниже основного HTML-кода, либо запускайте скрипт после полной загрузки DOM'а.


Автор: OlexandrI, дата: 31 октября, 2008 - 22:39
#permalink

подскажите, что не то в функции $:

var $my={
	 browser:{
		 version:(userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d|\.]+)/ ) || [])[1],
		 sa:/webkit/.test(userAgent),
		 op:/opera/.test(userAgent),
		 ie:/msie/.test(userAgent) && !/opera/.test(userAgent),
		 mz:/mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
		},
	 $:function(elemP, w){
		 w=w||document;
		 var param, id="", elem, get, name;
		 param = /([#|\w|\*]+)\s*(.+)*/i.exec(elemP);
		 if(/#(\w+)/i.test(param[1])){
			 id=/(\w+)/i.exec(param[1])[1];
			 elem=w.getElementById(id);
			}else
		 if(/>(\w+)/i.test(param[1])){
			 name=/(\w+)/i.exec(param[1])[1];
			 elem=w.getElementsByName(name);
			}else
		 if(/([\.|\w]+)/i.test(param[1])){
			 name=/(\w+)/i.exec(param[1])[1];
			 if($my.browser.ie||($my.browser.mz&&$my.browser.version<1.9)
			    ||($my.browser.op&&$my.browser.version<9.5)
				||($my.browser.sa&&$my.browser.version<3.1)){
				 var e;
				 e=$my.$("*", w);
				 elem={};
				 for(var i=0;i<e.length;i++)
					if(e[i].className==name)
						elem[(elem.length)?elem.length:'0']=e[i];
				}else{
				 elem=w.getElementsByClassName(name);
				}
			}else{
			 name=/([\w|\*]+)/i.exec(param[1])[1];
			 if(name=="*"&&$my.browser.ie&&$my.browser.version<6)
				 elem=w.all;
			    else elem=w.getElementsByTagName(name);
			}
		 if(typeof elem=='undefined'){
			 return;
			}
		 if(typeof param[2]!='undefined'&&id){
			 get=/(\w+)/i.exec(param[2])[1];
			 if(/@(\w+)/i.test(param[2]))
				 elem=elem.getAttribute(get);
				else
				 elem=elem[get];
			}
		 return elem;
		}

После визова

<input type="text" class="hh" name="hh" id="u1"></input>
<input type="text" class="hh" name="hh" id="u2"></input>
<script>
test=$my.$(".hh");
</script>

в ІЕ или в Опера 9.24 в test єсть только один елемент?


Автор: OlexandrI, дата: 8 ноября, 2008 - 16:22
#permalink

Уже справил:

//....
	$:function(elemP, w){
		 w=w||document;
		 var param, id="", elem, get, name;
		 param = /([#|\w|\*]+)\s*(.+)*/i.exec(elemP);
		 if(/#(\w+)/i.test(param[1])){
			 id=/(\w+)/i.exec(param[1])[1];
			 elem=w.getElementById(id);
			}else
		 if(/>(\w+)/i.test(param[1])){
			 name=/(\w+)/i.exec(param[1])[1];
			 elem=w.getElementsByName(name);
			}else
		 if(/([\.|\w]+)/i.test(param[1])){
			 name=/(\w+)/i.exec(param[1])[1];
			 if($my.browser.ie||($my.browser.mz&&$my.browser.version<1.9)
			    ||($my.browser.op&&$my.browser.version<9.5)
				||($my.browser.sa&&$my.browser.version<3.1)){
				 var e, l=0;
				 e=$my.$("*", w);
				 elem={};
				 for(var i=0;i<e.length;i++)
					if(e[i].className==name){elem[l]=e[i];l++;}
				}else{
				 elem=w.getElementsByClassName(name);
				}
			}else{
			 name=/([\w|\*]+)/i.exec(param[1])[1];
			 if(name=="*"&&$my.browser.ie&&$my.browser.version<6)
				 elem=w.all;
			    else elem=w.getElementsByTagName(name);
			}
		 if(!$my.isset(elem)){
			 return;
			}
		 if(typeof param[2]!='undefined'&&param[2]!=""&&id){
			 get=/(\w+)/i.exec(param[2])[1];
			 if(/@(\w+)/i.test(param[2]))
				 elem=elem.getAttribute(get);
				else
				 elem=elem[get];
			}
		 return elem;
		}
//....

Автор: EugenyK, дата: 3 ноября, 2008 - 21:19
#permalink

Требуется отыскать все DIV с class='tab' и добавить в них новые DIV'ы с другими классами.

var div = document.getElementsByTagName('div')
	var l = divs.length
	for(var i=0; i<l; i++){
		alert(divs[i].className)
		if(divs[i].className == 'tab'){
			var name = divs[i].innerHTML
			divs[i].innerHTML = "<div class='tab-right'><div class='tab-center'>"+name+"</div></div>"
			divs[i].className = 'tab-left'			
		}
	}

Когда первый if(divs[i].className == 'tab') срабатывает, то после innerHTML, видимо, массив divs меняется и остальные DIV'ы с тем же классом tab найти не получается.

Для этого нужно что ли отдельно сначала заполнить массив удовлетворяющих критерию div'ами, а потом ещё одним циклом их пройти и уже провести операции innerHTML?


Автор: Илья Кантор, дата: 3 ноября, 2008 - 22:21
#permalink

Да, интересный кстати пример


Автор: Snipe, дата: 5 ноября, 2008 - 17:04
#permalink

А если идти с конца?


Автор: yolka, дата: 15 сентября, 2009 - 00:55
#permalink

замените название переменной div на divs, иначе цикл то как будет работать?
var divs = document.getElementsByTagName('div')


Автор: all87 (не зарегистрирован), дата: 14 июля, 2010 - 02:00
#permalink

не думал что список будет меняться с изменением innerHTML, но если это так то поидее i--; после innerHTML должно вылечить.


Автор: 1winci (не зарегистрирован), дата: 21 августа, 2024 - 15:49
#permalink

The casino offered promotions, including a match deposit bonus that provided extra credits. I also tried their mobile app, which was well-designed and convenient for gaming on the go. For a great online casino https://1winci.com.ci/ experience, choose a site with diverse games and solid promotions. My initial experience was both fun and rewarding, making it a worthwhile addition to my entertainment options.


Автор: stroy221200 (не зарегистрирован), дата: 21 августа, 2024 - 16:11
#permalink

A few days ago, I ventured into the realm of online casinos, choosing a site celebrated for its unique game offerings and modern design. My journey began with an online slot game that had an exciting space exploration theme. The game’s futuristic visuals and thrilling soundtrack created an immersive experience. Features like “space bonus rounds” and “galactic jackpots” made each spin feel like a journey through the cosmos.

I was also curious about live https://micasino-cl.cl/ casino games, so I explored the live dealer section and tried live dealer craps. Although I had a basic understanding of craps, the live version offered a new level of excitement. Watching the dice roll in real-time and interacting with the dealer created a more dynamic and engaging environment. The dealer’s lively commentary and the suspense of each roll made the game more thrilling.


Автор: reputation22 (не зарегистрирован), дата: 21 августа, 2024 - 17:17
#permalink

After getting into slots, I decided to explore live dealer games. I chose live dealer baccarat, intrigued by its reputation https://rocketplaycaino1.com/ as a sophisticated game. The live aspect brought the game to life in a way I hadn’t expected. Watching the dealer deal the cards and interacting with other players in real-time created a more immersive experience than I had ever encountered.


Автор: Гость - Евгений (не зарегистрирован), дата: 31 января, 2013 - 16:32
#permalink

Так как у тебя идет работа с "живыми объектами" div. То после первого преобразования (нахождения div с классом tab) у тебя количество тегов div увеличивается, а так как у тебя длинна массива найденных елементов закэширована (var l = divs.length). То и поиск будет происходить пока не закончится длинна массива.
Что бы просто непереписывать тебе скрипт, просто внеси вычисление divs.length в цикл:

var divs = document.getElementsByTagName('div');
	for(var i=0; i<divs.length; i++){
		alert(divs[i].className);
		if(divs[i].className == 'tab'){
			var name = divs[i].innerHTML;
			divs[i].innerHTML = "<div class='tab-right'><div class='tab-center'>"+name+"</div></div>";
			divs[i].className = 'tab-left';
		}
	}

Автор: Руслан (не зарегистрирован), дата: 11 мая, 2009 - 18:18
#permalink

Такую особенность заметил, но не нашел подробную информацию, буду рад если разьясните.

Имеется код:

<INPUT type=checkbox id="use0" name="use[0]" value=true>
<INPUT type=text size=10 maxlength=30 name=query_field" onkeyup="checkbox(this,use0);">

имеется скрипт который ставит галку если в поле ввода появлется текст, и убирает если текста нет:

function checkbox(input,check_id) {
    if (input.value == ""){
        check_id.checked = false;
    }else{
        check_id.checked = true;
    }
}

На событие onkeyup я передаю функции checkbox текущий элемент, и элемент checkbox с id="use0" (изначально я его передавал в кавычках и в функции достигал его через getElementById, но случайно понял что если убрать кавычки то будет передаваться элемент со схожим id). Код работает, но не понятно почему элемент с id="use0" доступен из другого элемента таким образом? В Javascript новичок. Спасибо.


Автор: vk (не зарегистрирован), дата: 18 июня, 2009 - 03:04
#permalink

если нужно найти элементы с конкретным классом

// функция поиска элементов по конкретному className
// ищет в т.ч. когда через пробел в тестируемом элементе указано несколько className
// поиск начинается от элемента in_start или document (по умолчанию)
// возвращает массив ссылок на элементы
if(typeof(getElementsByClassName) != "function"){
function getElementsByClassName(in_class,in_start) {
var start_el = in_start || document;
var all_els = start_el.getElementsByTagName("*")
var rez_arr = Array();
for(var i=0; i


Автор: vk (не зарегистрирован), дата: 18 июня, 2009 - 03:09
#permalink

не влезла...

// функция поиска элементов по единичному className
// ищет в т.ч. когда в тестируемом эл-те через пробел указано несколько className
// поиск начинается от элемента in_start или document (по умолчанию)
// возвращает массив ссылок на элементы
function getElementsByClassName(in_class,in_start) {
		var start_el = in_start || document;
		var all_els = start_el.getElementsByTagName("*")
		var rez_arr = Array();
		for(var i=0; i<all_els.length; i++){
			var curr_className = all_els[i].className;
			if(curr_className){
				// если несколько классов, разделенных пробелами
				var atom_class_arr = curr_className.split(/\s+/);
				for(var j=0; j<atom_class_arr.length; j++){
					if(in_class == atom_class_arr[j]){
						rez_arr.push(all_els[i]);
					}
				}// end for(var j=0; j<atom_class_arr.length; j++)
			}
		};// end for(var i=0; i<all_els.length; i++)
		//alert(rez_arr.length);
		return(rez_arr);
	}; // end function getElementsByClassName(in_class)

Автор: Гость (не зарегистрирован), дата: 2 ноября, 2009 - 20:44
#permalink

относительность поиска при вызове getElementsByTagName допускается:

document.getElementsByTagName('DIV')[0].getElementsByTagName('LI')

что очень замечательно, а вот относительности вызова getElementById увы нельзя:

document.getElementsById('blok1').getElementsById('pod_blok3')

getElementsById возможен только из document кто нибудь знает как исправить этот недочёт, чтобы не рекурсивным ручным перебором в отдельном блоке искать элемент с конкретным id, а красивей? Если в другом блоке позади стоящем тоже есть элемент с таким же id, то document.getElementsById(id) не будет правильно определен искомый элемент, т.к. он будет в позади стоящем блоке а не в том где я хочу его найти.


Автор: Гость (не зарегистрирован), дата: 5 ноября, 2009 - 17:41
#permalink

getElementsById - такого обращения не существует. есть getElementById без "s". ведь id является уникальным идентификатором элемента среди остальных.


Автор: Гость (не зарегистрирован), дата: 10 ноября, 2009 - 10:28
#permalink

id должен быть уникальным в пределах документа. с 2мя одинаковыми id ваш html не пройдёт валидацию. w3c посоветует использовать class вместо id


Автор: Гость (не зарегистрирован), дата: 16 ноября, 2009 - 19:07
#permalink

А как выбрать все теги и всё что в них домножить на определенное число?


Автор: Гость (не зарегистрирован), дата: 16 ноября, 2009 - 19:08
#permalink

теги

<td>

Автор: Turbosega (не зарегистрирован), дата: 9 июня, 2011 - 09:22
#permalink

Наверное вот так:

var td_tags = document.getElementsById('blok1').getElementsByTagName('TD');

и в td_tags у вас будут все елементы-теги

<td>

Автор: 66 (не зарегистрирован), дата: 8 января, 2010 - 10:04
#permalink

Подскажите пожалуйста.. вот тут пример

<div id="d1">
  <ol id="ol1">
    <li id="li1">1</li>
    <li id="li2">2</li>
  </ol>
</div>
var div = document.getElementById('d1')
var elems = div.getElementsByTagName('*')
 
for(var i=0; i<elems.length; i++) alert(elems[i].id)

Показывает элементы страници.. а мне надо так же.. только элементы странници открываемого окна (дочернего). Тоесть скрип в основном окне, а тэги в дочернем. Но скрипт работает только по родительскому окну. Все перечитал, так и не дошло как сделать, чтобы скрипт вытягивал элементы дочернего окна.. кто знает подскажите..
Идея в том, что моя страничка, должна открывать новое окно с чужой страничкой, с которой мне надо вытянуть некоторые данные.. вот


Автор: B@rmaley.e><e (не зарегистрирован), дата: 8 января, 2010 - 10:54
#permalink
var wnd = window.open('url');

var div = wnd.document.getElementById('d1');
var elems = div.getElementsByTagName('*');
 
for(var i=0; i<elems.length; i++) alert(elems[i].id);

Автор: B@rmaley.e><e (не зарегистрирован), дата: 8 января, 2010 - 10:55
#permalink

Только если страница на другом домене, то вытянуть данные не получится.


Автор: 66 (не зарегистрирован), дата: 10 января, 2010 - 16:58
#permalink

Дак вот оказывается в чем проблема.. так как Вы показали я пробовал, не получалось. все дело в домене.. на одном попробовал, сработало. Но мне надо с другого домена.. вообще никак чтоли не реализовать такое ?


Автор: B@rmaley.e><e (не зарегистрирован), дата: 11 января, 2010 - 18:22
#permalink

Автор: 66 (не зарегистрирован), дата: 14 января, 2010 - 01:02
#permalink

Спасибо большое)


Автор: Гость (не зарегистрирован), дата: 29 января, 2010 - 08:25
#permalink

Скажите, как проверить, если в теге определённый атрибут или нет?


Автор: B@rmaley.e><e, дата: 29 января, 2010 - 10:16
#permalink

Методом hasAttribute.


Автор: Гость (не зарегистрирован), дата: 14 июля, 2010 - 02:11
#permalink

getAttribute();


Автор: Leax, дата: 7 февраля, 2010 - 22:09
#permalink

Из описания document.getElementById непонятно что делать, если элемент не найден. И как обрабатывать такую ситуацию


Автор: Мараторий, дата: 7 февраля, 2010 - 22:58
#permalink

если соответствующий элемент не найден, то возвращается null


Автор: Satir (не зарегистрирован), дата: 16 февраля, 2010 - 02:24
#permalink

var firstInput=document.getElementById("i1") // элемент для вставки перед ним
var newDiv1=document.createElement("div") // создание нового элемента для вставки (div)
newDiv1.innerHTML='

Не верное значение

' // значение этого элемента
firstInput.insertBefore(newDiv1,firstInput) // вставка

firebug пишет Node was not found" code: "8 на последней строке, подскажите где я облажался?


Автор: Мараторий, дата: 16 февраля, 2010 - 11:04
#permalink

Если вы хотите переносить строки в js, то в конце каждой строки надо вставить \

// Ошибка:
var str = "
  бла-бла-бла
";

// Правильно:
var str = "\
  бла-бла-бла\
";

Автор: Satir (не зарегистрирован), дата: 22 февраля, 2010 - 23:02
#permalink

Неее) это просто код так коряво вставился, в реале там всё нормально, вопрос как бэ в другом, почему вылазит ошибка "узел не найден, код 8" и вообще что за "код 8"?


Автор: Tom334 (не зарегистрирован), дата: 21 августа, 2024 - 17:37
#permalink

Tom also took advantage of various casino promotions, including a welcome bonus and a loyalty program. He found that these offers extended his playtime and increased his chances of winning. The https://fatboss-casino-france.com/ casino’s mobile app was user-friendly, allowing him to play seamlessly from his tablet during downtime. Tom’s story emphasizes the importance of starting with engaging slot games and exploring live dealer options to make the most out of your online casino experience.


Автор: Гость (не зарегистрирован), дата: 4 марта, 2010 - 14:23
#permalink

подскажите как вытащить Id элемента в asp:GridView в случае срабатывания OnClick на данном элементе?


Автор: ValikhanB (не зарегистрирован), дата: 11 мая, 2010 - 17:54
#permalink

вот такая штука:

скрипт

  1. function go()
  2. {
  3. alert(document.getElementsByTagName('li')[1])
  4. }

код html (без <>)

  • input type="button" onclick="go()" value="Go"
  • ul
  • li style="background-color:red" Осторожно /li
  • li class="info" Информация /li
  • ul

выдает такое сообщение - [object HTMLLIElement], в чем ошибка?

Чайник я)


Автор: Delfi, дата: 17 мая, 2010 - 21:51
#permalink

А что требовалось получить? Он все правильно выводит. В данном коде выбран сам элемент.
В коде выводится, что это объект.
Если хочется вытащить содержание, то следовало бы писать так:

alert(document.getElementsByTagName('li')[1].innerHTML)

По идее должно работать, не могу сейчас проверить.


Автор: Гость (не зарегистрирован), дата: 11 июня, 2010 - 20:04
#permalink

почему-то не пашет выражение такого рода
var linka = document.getElementsByTagName("a").getElementsByTagName("img");

опера пишет
Uncaught exception: TypeError: 'document.getElementsByTagName("a").getElementsByTagName' is not a function


Автор: B@rmaley.e><e, дата: 13 июня, 2010 - 07:53
#permalink

getElementsByTagName возвращает не один элемент, а коллекцию, т.е. массив элементов. Если вы хотите найти в каждом из них img, Вам нужно циклом пройтись по нему, применив метод getElementsByTagName('img');


Автор: Гость (не зарегистрирован), дата: 11 июня, 2010 - 20:38
#permalink

и такое не пашет тоже
var linka = document.getElementsByTagName('a');
var linka2 = linka.getElementsByTagName('img');

та же ошибка


Автор: eXsofter (не зарегистрирован), дата: 26 июля, 2010 - 09:06
#permalink

var linka = document.getElementsByTagName("a")[0].getElementsByTagName("img")[0];


Автор: curiosity222 (не зарегистрирован), дата: 21 августа, 2024 - 18:46
#permalink

His curiosity led him to explore live dealer games, starting with live dealer poker. The strategic elements of https://princealicasino-france.com/ poker, combined with the real-time interaction with a dealer, made it an engaging choice. Alex found that his understanding of poker strategy from casual games translated well into the live dealer format.


Автор: Гость (не зарегистрирован), дата: 25 июня, 2010 - 20:45
#permalink

Возможно ли получить доступ к переменной(var) с одного фрейма в другом(напр. с родительского) чтоб можно было ее модифицировать? Если можно, то как это делается? (фреймы все с одного домена)


Автор: oleg.tsupka, дата: 26 июня, 2010 - 00:20
#permalink

Как вариант: дать имя фрейму(ифрейму) и обратится к нему через объект window

parent.html

<input type="button" onclick="window.child.val =(new Date())" value="setValueIntoChildFrame"/>
<iframe src="child.html" name="child" />

child.html

<script>
    var val = undefined;
</script>
<input type="button" onclick="alert(val)" value="getValue" />

Автор: Гость (не зарегистрирован), дата: 28 июня, 2010 - 11:53
#permalink

Спасибо, наверно я не четко сформулировал, вот что хочется сделать, возможно ли такое?

parent.html

<head>
<title>parent</title>
<script language="javascript">
// global var
var glob_var1 = 5;
</script>
</head>
<frameset>
 <frame src='child.html' name='child'>
 </frameset>
<body>
</body>

child.html

<head>
<title>child frame</title>
<!-- данный фрейм является динамическим и обновляемым, в нем используются переменная Javascript родительского документа glob_var1, при обновлении(refresh) данного фрейма значение glob_var1 должно браться из parent >
<script language="javascript">
// 
function cange_val_in_parent_doc()
{
 glob_var1++ ;// в данный момент glob_var1 -  UNDEFINED !!!
// как получить доступ к glob_var1 ???
}
</script>
</head>
<body onload="cange_val_in_parent_doc()">
</body>

Автор: vmunt (не зарегистрирован), дата: 17 января, 2011 - 07:51
#permalink

Возможно, так?

frame_parent.html:

<html>
<head>
<title>parent</title>
<script type="text/javascript">
var glob_var1 = 5; // global var
</script>
</head>
<frameset frameborder=1 cols="*" rows="80,*" id="parentFS">
	<frame src='frame_child.html' name='child1'>
	<frame src='frame_child.html' name='child2'>
</frameset>
<body>
</body>
</html>

frame_child.html:

<html>
<head>
<title>child frame</title>
<script type="text/javascript">
function change_val_in_parent_doc() {
	window.parent.glob_var1++;
	document.getElementById("gv").innerHTML="Global var="+window.parent.glob_var1;
}
</script>
</head>
<body onload="change_val_in_parent_doc()">
<input type="button" name="pa" value="Add parent value" onclick="change_val_in_parent_doc()">
<div id="gv">
</div>
</body>
</html>

P.S.: Текст "/forum/" к атрибутам src при размещении комментариев добавляется автоматически, поэтому при локальном режиме проверок его можно удалить (особенно если файлы лежат в одной и той же папке)


Автор: Sergej (не зарегистрирован), дата: 9 июля, 2010 - 12:13
#permalink

Насколько я понимаю, ты объявил переменную glob_var1 локально для этой функции. Так глобальную переменную не объявить. Кажется нужно просто написать glob_var1=5; без вар... если не прав не убивайте =)


Автор: Гость (не зарегистрирован), дата: 25 сентября, 2010 - 17:48
#permalink

подскажите,как сделал чтоб кликал по рссунку. сделал так--document.getElementsByTagName/id/tagname("sn_arrow").Click();
но чтото не работает.скрипту только недавно учусь,так что не кричите


Автор: sshishov, дата: 4 декабря, 2010 - 17:15
#permalink

Если в коде ставить, то:

document.getElementById("yourID").onclick = function() {
  alert('Картинка');
};

А если в HTML, то:

<img src= "yourPath" onclick="alert('Картинка')" />

Ну там дальше можно уже додумывать. Соррь если что, я сам только учусь.


Автор: Neznayka (не зарегистрирован), дата: 3 октября, 2010 - 17:12
#permalink

Как ограничить глубину поиска element.getElementsByTagName? Чтобы находил только детей а не всех потомков. Ну или подругому, можно ли выбрать детей определенного типа, не прибегая к условиям?


Автор: Леся (не зарегистрирован), дата: 1 ноября, 2010 - 16:03
#permalink

У меня следующий код:

var ms = document.getElementsByName('formname')[0].getElementsByTagName('*');
alert(ms.length);

в IE выдает 20, а в FF - 0. Подскажите пожалуйста, может я чего-то не так поняла.


Автор: alex_oo7, дата: 3 января, 2011 - 15:05
#permalink

По сути этот скрипт должен показывать название первой аудиозаписи в контакте на странице /audio.php
Но он не работает =(

javascript:
document.write(
document.getElementsByTagName('body')0].
getElementsByTagName('div')[0].
getElementsByTagName('div')[0].
getElementsByTagName('div')[2].
getElementsByTagName('div')[1].
getElementsByTagName('div')[0].
getElementsByTagName('div')[0].
getElementsByTagName('table')[0].
getElementsByTagName('tbody')[0].
getElementsByTagName('tr')[0].
getElementsByTagName('td')[0].
getElementsByTagName('div')[0].
getElementsByTagName('div')[0].
getElementsByTagName('div')[0].
getElementsByTagName('div')[1].
getElementsByTagName('table')[0].
getElementsByTagName('tbody')[0].
getElementsByTagName('tr')[0].
getElementsByTagName('td')[1].
getElementsByTagName('div')[0].
getElementsByTagName('b')[0].
getElementsByTagName('a')[0].value
);

Автор: Адель (не зарегистрирован), дата: 11 января, 2011 - 22:41
#permalink

Логично было бы упомянуть здесь и obj.parentNode - обращение к родителю, для завершенности.


Автор: Гость (не зарегистрирован), дата: 17 марта, 2011 - 13:31
#permalink

Добрый день!

Такой вопрос: как найти в документе элемент id="lightb" и в нём же все теги a. И этом тегам дописать атрибуты rel="lightbox". Событие происходит при загрузки страницы!

Привожу свой пример:

<body>
<script type="text/javascript" language="javascript">
function writerel() {
  var aimg = document.getElementById("lightb").getElementsByTagName("a");
  aimg.setAttribute('rel' ,'lightbox');
  }
</script>
<div id="lightb">
    <a href="#"><img scr="bla bla bla" /></a>
</div>
</body>

Автор: White_Mouse (не зарегистрирован), дата: 24 мая, 2012 - 09:37
#permalink

Здесь сразу несколько ошибок:

  1. Первая и самая очевидная — функция writerel описана, но нигде не вызывается Blink

  2. Далее — такой скрипт действительно выполняется во время загрузки страницы. Но, так как он описан в самом начале тега BODY, то будет выполнен до отрисовки любых элементов внутри него. То есть, если в скрипте вы хотите обратиться к элементу, то на момент выполнения скрипта элемент уже должен быть отрисован.

    Таким образом, в вашем случае нужно перенести тег script как минимум ниже тега div. А если планируется добавлять ещё элементы в код, то надёжнее всего будет разместить тег script в самом конце тела документа, перед закрывающим тегом body.

  3. Ну и напоследок — ошибка, которая в комментариях к этой статье повторяется с невероятным упорством. Только кто-нибудь из отвечающих укажет на неё, как двумя комментариями ниже она появляется снова. Пожалуйста, запомните накрепко — функция getElementsByTagName возвращает массив элементов!!!

    (На самом деле это не полноценный массив Array, а подобный ему объект, но это уже особенности внутреннего устройства языка, обращаться с ним всё равно нужно как с обычным массивом.)

  4. И уже не ошибка, но мелкое замечание — если хотите придерживаться хорошего стиля программирования, то не стоит использовать для ограничения строк и кавычки, и апострофы в одном и том же участке кода. Выберите какой-нибудь один ограничитель и используйте его на протяжении всего кода.

Подводя итог — в вашем случае код должен выглядеть как минимум так:

<body>
<div id="lightb">
    <a href="#"><img scr="bla bla bla" /></a>
</div>
<script type="text/javascript" language="javascript">
function writerel() {
    var aimg = document.getElementById('lightb').getElementsByTagName('a');
    for (var i = 0; i < aimg.length; i++) {
        aimg[i].setAttribute('rel' ,'lightbox');
    }
}
writerel();
</script>
</body>

Автор: Гость (не зарегистрирован), дата: 10 мая, 2011 - 09:53
#permalink

По идее, этот скрипт должен менять цвет бэкграунда на красный, но почему-то не меняет:

document.getElementsByTagName("body").style.backgroundColor = "#ff0000"

Что я делаю не так?


Автор: Гость (не зарегистрирован), дата: 3 июня, 2011 - 18:25
#permalink

Попробуй вот так

window.onload = function () {
var b = document.getElementsByTagName('body')[0].style.backgroundColor = "#ff0000";
};


Автор: Гость (не зарегистрирован), дата: 3 июня, 2011 - 18:53
#permalink

Причина в том, что при выполнении скрипта, элемента body еще не существеут, так как документ разбирается последовательно.

Нужно дождаться окончания загрузки документа, а потом выполнить скрипт.


Автор: Hank (не зарегистрирован), дата: 16 июня, 2020 - 21:41
#permalink

this is a great solution, thanks! eugene fencing


Автор: Гость (не зарегистрирован), дата: 16 июня, 2020 - 22:41
#permalink

Автор: lina2223 (не зарегистрирован), дата: 20 апреля, 2024 - 15:24
#permalink

In the dim light of his study, Daniel watched the virtual slot machine on his screen spin one last time. The excitement he had once experienced had given way to the realization of how much he had lost to online gambling.
Daniel closed the tab, stepping away from the virtual casino https://1winpe.pe/ that had consumed his focus and resources. The quietness that followed offered him a chance to reflect on the toll his addiction had taken on his life. Though the road to recovery would be long and uncertain, Daniel was ready to seek help and work towards a path to freedom.


Автор: Гость (не зарегистрирован), дата: 16 июня, 2011 - 11:34
#permalink

По мне так самые нормальные браузеры это мозила и опера. И то у них свои особенности, благодоря которым мозила лучше всего подходит для создания сайта (поскольку всеядный браузер, 1 версия мозилы понимала стлько тегов и прочее сколько 9 версия оперы и 5 версия ишака), а опера для бродилок по инету (благодаря своей быстроте).


Автор: DODGER (не зарегистрирован), дата: 11 июля, 2011 - 10:04
#permalink

Уже час мучаюсь document.getElementById возвращает null

var timeThen = document.getElementById('timeThen');
timeThen.onclick = function(){
	alert('Ну! Блин!');
}
<div id="content">
	<div id="leftBlock">
		<h1>Занятия <span id="timeNow">сейчас</span> / <span id="timeThen" class="jsAction">потом</span>:</h1>
	</div>
</div>

Почему?


Автор: DODGER (не зарегистрирован), дата: 11 июля, 2011 - 10:27
#permalink

Все, разобрался:) Вызов надо было делать после полной загрузки документа


Автор: Mikki Mouse (не зарегистрирован), дата: 23 октября, 2011 - 03:23
#permalink

Учу Javascript, столкнулся с проблемой:

function zIndex(n)
{
  var a=naw Array("containerPriroda","containerSpace","containerIndex_photo");
  var len=a.length;
  for(var i=0; i<len; i++)
  {
     document.getElementById(a[i]).style.zIndex=1;
  }
 document.getElementById(a[n-1]).style.zIndex=2;

}

Почему эта функция не работает?


Автор: Гость (не зарегистрирован), дата: 24 ноября, 2011 - 23:36
#permalink

может
new Array ?


Автор: m4gz, дата: 7 декабря, 2011 - 00:13
#permalink

Извиняюсь если повтор но вот фикс для IE

onload=function(){
if (document.getElementsByClassName == undefined) { //для IE только т.к. там нету этого
alert('fixing getELEmByClass');
	document.getElementsByClassName = function(className)
{		var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
		var allElements = document.getElementsByTagName("*");
		var results = [];
		var element;
		for (var i = 0; (element = allElements[i]) != null; i++) {
			var elementClass = element.className;
			if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
				results.push(element);
		}return results;		
	}
}

Автор: golden2020 (не зарегистрирован), дата: 22 декабря, 2011 - 21:10
#permalink

Помогите!!! Как сделать чтобы по URL открывался определенный документ и в нем найти какое то слово (например "Солнце" ). Подробнее: Допустим есть какая та страница html, и она находится по адресу http//:stranica.ru . Как мне со своего документа найти в ней слово "Солнце" и присвоить его переменной sun??? Как это сделать со строкой я знаю , а вот что бы так .....??? Подскажите кто знает чайнику (просто начинаю изучать JavaScript по видео урокам,много не понятно,а спросить не у кого )


Автор: 1klassss (не зарегистрирован), дата: 27 декабря, 2011 - 01:53
#permalink

простите а можно как то осуществить поиск по див если сам див каждый раз меняться??? например

<div id="b2749bbe88c"> а при перезайгрузке уже стает <div id="bc65eb7a7f2">

неособо силен в таких посиках по див, помогите пожалуйста!!


Автор: Zuenf, дата: 27 января, 2012 - 15:21
#permalink

Спасибо))


Автор: MaximLitskevich (не зарегистрирован), дата: 6 февраля, 2012 - 09:48
#permalink

Ребят, нужно по onchange копировать содержимое одного input-а в другой.
страница написана на haml.
Я думаю реализовать это так, но не работает:

%input#email.px300.required.email{ name="email",value=entity.Email,maxlength="100", onchange="javascript: document.getElementById(login).value=document.getElementById(email).value;"}


Автор: White_Mouse (не зарегистрирован), дата: 24 мая, 2012 - 08:45
#permalink

Не знакома с haml, но в любом случае, параметром функции getElementById должна быть строка. То есть в вашем случае нужно писать так:

onchange="javascript: document.getElementById('login').value = document.getElementById('email').value;"

Автор: kvmutl, дата: 26 августа, 2012 - 10:13
#permalink

я этот вопрос на форуме задавал, а тут целая статья на сайте есть...


Автор: indexcod, дата: 6 ноября, 2012 - 16:26
#permalink

xpath рулит))))))


Автор: Гость (не зарегистрирован), дата: 7 ноября, 2012 - 11:05
#permalink

Молодцы.
"Самый удобный способ найти элемент в DOM - это получить его по id."
А как получить их список? Где взять эти самые Id, если нужно просто пройти по документу?
Ни ссылки, ни комментария...


Автор: Kvark, дата: 15 августа, 2013 - 18:14
#permalink

Действительно! Какие плохиши!
нет чтоб не только разжевали но еще и проглотили бы!

А как насчет такого?

var MyIds=document.getElementById(containerElementID);
var MyTags=MyIds.getElementsByTagName('*');
for (var i=0; i<MyTags.length; i++) 
{
	alert(MyTags[i].id);
};

В пиве сила! В вине мудрость! А в воде... микробы!


Автор: Nick123456 (не зарегистрирован), дата: 10 ноября, 2012 - 00:32
#permalink

А если нужен поиск по тэгу не во всём документе, а только в выделенном мышью куске - это возможно ли и как?


Автор: Harm (не зарегистрирован), дата: 24 декабря, 2012 - 22:57
#permalink

всем привет. У меня вопрос. Как искать содержимое в таком код html:

<div class="b">
<div>
Сообщение 1
</div>
<div>
Сообщение 2
</div>
<div>
Сообщение 3
</div>
</div>

Автор: Kvark, дата: 15 августа, 2013 - 18:17
#permalink
var MyIds=document.getElementById(containerElementID);
var MyTags=MyIds.getElementsByTagName('div');
for (var i=0; i<MyTags.length; i++) 
{
	alert(MyTags[i].outerHTML.replace(/<\/?[^>]+>/g, ''));
};

В пиве сила! В вине мудрость! А в воде... микробы!


Автор: Гость (не зарегистрирован), дата: 8 апреля, 2013 - 20:07
#permalink

Меня до крайности смутило, корректное исполнение кода в 5 разных браузерах.
Это нормально?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>
 <BODY>
 <div id="test2">Это такой проверочный текст</div>
 	<INPUT TYPE="button" VALUE="нажми меня2" ONCLICK="test2.style.color='blue'">
	<INPUT TYPE="button" VALUE="нажми меня" ONCLICK="alert(test.value)">
	<INPUT TYPE="text" ID="test">
 </BODY>
</HTML>

Автор: Гость (не зарегистрирован), дата: 8 июля, 2013 - 10:27
#permalink

Я этого тоже не могу понять


Автор: Гость (не зарегистрирован), дата: 8 апреля, 2013 - 20:10
#permalink

Меня до крайности смутило, корректное исполнение кода в 5 разных браузерах.
Это нормально?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
	<HEAD>
		<TITLE> New Document </TITLE>
	</HEAD>
	<BODY>
		<DIV id="test2">Это такой проверочный текст</DIV>
		<INPUT TYPE="button" VALUE="нажми меня2" ONCLICK="test2.style.color='blue'">
		<INPUT TYPE="button" VALUE="нажми меня" ONCLICK="alert(test.value)">
		<INPUT TYPE="text" ID="test">
	</BODY>
</HTML>

Автор: tsigel, дата: 12 августа, 2013 - 14:19
#permalink

Не плохо было бы добавить информацию о querySelector и querySelectorAll так как это поддерживают почти все браузеры.

http://www.codeisart.ru/w3c-css-selectors-api-the-queryselector-and-quer...


Автор: Руслан1993 (не зарегистрирован), дата: 22 ноября, 2013 - 19:55
#permalink

а как реализовать такой алгоритм:
к 2ум страницам штмл "штмл1" и "штмл2" подключён один и тот же js и в нём код, который должен делать:
выборка элемента с штмл1 на него событие клик,а действие которое должно происходить применяется на элемент в штмл2, но нечего не работает, что сделать?


Автор: golden2020, дата: 26 ноября, 2013 - 00:57
#permalink

Подскажите пожалуйста:
Вот допустим есть некий DIV с id="d2". В этом блоке находятся ссылки с неким class="c1". Как найти все ссылки которые находятся в этом блоке?

<div id="d2">
  <a class="c1" href="#1">
  <a class="c1" href="#2">
  <a class="c1" href="#3">
</div>

Нужно вытянуть ссылки (значение href);

Заранее спасибо всем тем кто откликнется!!!


Автор: golden2020, дата: 26 ноября, 2013 - 03:03
#permalink

Всё! Спасибо!!! Разобрался сам ))))


Автор: Антон1632 (не зарегистрирован), дата: 1 сентября, 2014 - 11:12
#permalink

Здравствуйте.
Подскажите пожалуйста. Нужно для ссылок в параграфе (p) применить класс "lightbox"
Использую пока такой код:
var els = document.getElementsByTagName('a');
for (var i = 0; i < els.length; i++)
els[i].setAttribute('class', 'lightbox');

но он применяет этот класс ко всем ссылкам в документе. Пробовал сделать как написано в статье — не получилось.
Помогите разобраться.


Автор: Skvor, дата: 27 октября, 2014 - 21:03
#permalink

А что будет, если скопировать(клонировать) узел, который содержит ID?
В копии не д.б. ID или всё-таки ID станет не уникальным?


Автор: Гость (не зарегистрирован), дата: 14 ноября, 2015 - 18:10
#permalink

Помогите, пожалуйста!
Программа находит все ссылки, которые есть в div, и выводит их URL- адреса, но они не активны, как сделать, чтобы он выводил все адреса и по ним ещё можно было перейти. Я думаю проблема в выводе:

document.write('<a>'+ giper[i]+'<br>'+'</a>');

код:

<body>
<div id="bot">
//куча ссылок
</div>
<script type="text/javascript" language="javascript">
function gripon()
{
var giper = document.getElementById('bot').getElementsByTagName('a');
    for (var i = 0; i < giper.length; i++) {
		document.write('<a>'+ giper[i]+'<br>'+'</a>');
                                                       }
}
gripon();
</script>
</body>

Автор: PunkerPoock (не зарегистрирован), дата: 14 ноября, 2015 - 22:59
#permalink

1. Изучите по любому справочнику "устройство" тега , в частности - назначение атрибута "href", и сами поймете свою ошибку.

2. Не используйте document.write - это из времен динозавров. Используйте innerHTML.


Автор: Гость (не зарегистрирован), дата: 15 ноября, 2015 - 11:23
#permalink
document.write('<a href="#">'+giper[i]+'<br></a>');

Когда я подставляю в вывод хрев, то переход осуществляется наверх страницы, если нажать на любой адрес. Я вот, что думаю может, есть какой-то атрибут, который передает все адреса. Если такого нет, то очень грустно. Сколько гуглив я ничего все равно не нашел.
Это лабораторная в ВУЗе, поэтому приходится использовать

document.write

Автор: Гость (не зарегистрирован), дата: 21 ноября, 2015 - 19:18
#permalink

[quote]
document.write(''+giper[i]+'');
Когда я подставляю в вывод хрев, то переход осуществляется наверх страницы, если нажать на любой адрес. Я вот, что думаю может, есть какой-то атрибут, который передает все адреса. Если такого нет, то очень грустно. Сколько гуглив я ничего все равно не нашел.
Это лабораторная в ВУЗе, поэтому приходится использовать document.write
[/quote]
"хрев", как вы выразились, который, конечно, даже по самым невразумительным правилам транскрибирования - всё же "хреф", является сокращением от "Hypertext REFerence" - что в переводе с английского означает "гипертекстовая отсылка", что в свою очередь намекает что именно в этом параметре должен быть указан адрес перехода...
И эта инфа свободно доступна по первой же ссылке в выдаче гугла по запросу "href" или "html a".

З.Ы. с такими навыками поиска информации в ВУЗ не было смысла идти - стоило сразу после 9го класса идти работать грузчиком - КПД выше был бы.


Автор: Гость (не зарегистрирован), дата: 7 марта, 2017 - 17:58
#permalink

Выше хрома 41 жизни нет.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Название документа</title>
  <script type="text/javascript">
function count(t)
{
    var y = document.getElementById("para1");
    c=Number(y.innerHTML);
    c += Number(t);
    y.innerHTML=c;
}
  </script>
</head>
<body>
  <p id="para1">0</p>
  <button onclick="count('1')">+1</button>
  <button onclick="count('-1')">-1</button>
</body>
</html>

Автор: Разработчик (не зарегистрирован), дата: 12 июня, 2018 - 21:13
#permalink

Совершенно новый уровень в создании сайтов. То, что нужно!


Автор: Гость (не зарегистрирован), дата: 4 марта, 2019 - 15:00
#permalink
[html]
[html]
[html]
[html]
[html]
[html]
[html]
[html]

[/html][/html][/html][/html][/html][/html][/html][/html]


Автор: Гость (не зарегистрирован), дата: 30 августа, 2019 - 23:10
#permalink

Страна-сортир (паРаша)


Автор: sarahroxon (не зарегистрирован), дата: 13 января, 2022 - 07:07
#permalink

Some very useful information is listed here. Discover the endless entertainment slope game, which is one of the most attractive and has many participants.


Автор: Гость (не зарегистрирован), дата: 5 февраля, 2022 - 03:26
#permalink

The motive of providing accounts of all ranges on our platform is to give customers what they demand and what they deserve.
csgo accounts for sale
buy csgo high tier accounts
valorant accounts for sale
buy gta 5 modded accounts


Автор: nancydrewsub, дата: 16 марта, 2022 - 05:32
#permalink

I hope that you continue to do your work like this in the future also subway surfers


Автор: Гость (не зарегистрирован), дата: 12 апреля, 2022 - 15:06
#permalink

Автор: Klau Kun (не зарегистрирован), дата: 10 мая, 2022 - 13:10
#permalink

Miskolcilanyok segít megtalálni egy társat, akivel együtt tudsz aludni. Ez nem lehet nehéz számodra. Ez az ítélkezéstől mentes oldal úgy működik, mint egy gyorsvonat a barátok-az-előnyökkel-fázisba. Ez olyan egyszerű, mint a böngészés, csevegés, dugás.


Автор: Mandy Krehl (не зарегистрирован), дата: 23 июня, 2022 - 20:38
#permalink

Sex NRW Wenn ein Mädchen oder eine Frau ein aktives Mitglied von Seiten ist, die sich nur auf zwanglose Begegnungen konzentrieren, mag sie es nicht, wenn du mit deinem Verhalten sagst: "Hey, du bist hier, ich bin hier, lass uns knallen". Geduld ist der Schlüssel, nach unseren Erfahrungen reichen 30-50 Nachrichten in wenigen Stunden aus, sie wird sich ein Bild von Ihnen machen. Wenn sie denkt, dass sie genug über dich weiß, wird sie deine Einladung zu einem Kaffee, Drink oder etwas anderem annehmen.


Автор: land (не зарегистрирован), дата: 20 июля, 2022 - 10:39
#permalink

I enjoy this site because it offers a wealth of information, quality articles, and a fun music game called fnf mods that even celebrities enjoy playing.


Автор: Monique Uhr (не зарегистрирован), дата: 2 августа, 2022 - 20:38
#permalink

TS Ladies füllt die Lücke zwischen einer Anwendung wie Tinder und Grindr, die sich speziell an Heterosexuelle und Homosexuelle richtet. Obwohl man sich sowohl bei Tinder als auch bei Grindr als Transgender registrieren kann, sind sie nicht speziell für diesen Zweck gedacht. Das gilt auch für diese Website. Natürlich möchten Sie auch hier nicht in eine Schublade gesteckt werden. Aber wenn Sie auf der Suche nach einem Shemale sind, ist dies die richtige Website für Sie!


Автор: gamerun (не зарегистрирован), дата: 25 августа, 2022 - 11:26
#permalink

The forum content that you shared with me has provided me with a significant amount of knowledge that is useful. I really hope you'll start posting updates more frequently. run 3


Автор: Winifred Beck (не зарегистрирован), дата: 26 августа, 2022 - 05:23
#permalink

traditional arcade a new version of snake io,
is released for playing special online live events. In this well-liked mobile version of the cherished arcade game, slither to the top of the leaderboard!


Автор: 메이저토토사이트 (не зарегистрирован), дата: 29 августа, 2022 - 07:32
#permalink

Awesome and really informative post here. I very much like sites that have to do with building muscle, so this is of particular interest to me to discover what you have here.메이저토토사이트


Автор: 토토사이트 (не зарегистрирован), дата: 29 августа, 2022 - 07:47
#permalink

Very nice article and straight to the point. I don’t know if this is truly the best place to ask but do you folks have any ideea where to get some professional writers? Thank you. Feel free to visit my website 토토사이트


Автор: 메이저토토 (не зарегистрирован), дата: 29 августа, 2022 - 07:48
#permalink

Really informative post. I personally thought the written post is well suited and trouble-free for me to go after provided guideline. visit this site to find out more메이저토토


Автор: Гость - спасибо (не зарегистрирован), дата: 30 августа, 2022 - 06:23
#permalink

Нужно добавить информацию о querySelector и querySelectorAll


Автор: Гость (не зарегистрирован), дата: 30 августа, 2022 - 06:27
#permalink

Автор: vinayshine (не зарегистрирован), дата: 15 сентября, 2022 - 03:58
#permalink

The DOM standard provides several means of finding an element. These are the getElementById, getElementsByTagName, and getElementsByName methods. It is very meaningful and highly applicable, especially good for slope run


Автор: keonhacai (не зарегистрирован), дата: 17 октября, 2022 - 05:43
#permalink

Hello! I could have sworn I've been to this site before but after checking through some of the post I realized it's new to me. Nonetheless, I'm definitely happy I found keonhacai and I'll be book-marking and checking back frequently!


Автор: Leemorgan, дата: 2 ноября, 2022 - 16:11
#permalink

I haven't come across a decent article like this in a while; lately, I've been playing a lot of this game. If you played with me, that would be enjoyable. Long time has passed since idle mining empire


Автор: 카지노커뮤니티 (не зарегистрирован), дата: 7 ноября, 2022 - 05:19
#permalink

First of all, thank you for your post. 카지노커뮤니티 Your posts are neatly organized with the information I want, so there are plenty of resources to reference. I bookmark this site and will find your posts frequently in the future. Thanks again ^^


Автор: Lore Lazik (не зарегистрирован), дата: 29 ноября, 2022 - 21:03
#permalink

kvdomina ist ideal für einmalige Verbindungen. Das Schöne an lockeren Beziehungen ist, dass man keine Gegenleistung erwartet. Sie sind nicht verpflichtet, sich an jemanden zu binden, den Sie nicht mögen, und Sie können die Sache einfach vergessen und sich jemand anderem zuwenden. Aber wenn Sie es sich zur Gewohnheit machen wollen, können Sie die Person in Ihrem Kontakt behalten und es erneut versuchen.


Автор: 바카라사이트 (не зарегистрирован), дата: 1 декабря, 2022 - 12:25
#permalink

I've been using WordPress on a number of websites for about a year and am worried about switching to another platform. I have heard good things about 바카라사이트. Is there a way I can transfer all my wordpress content into it? Any help would be really appreciated!


Автор: 카지노사이트추천 (не зарегистрирован), дата: 13 декабря, 2022 - 07:16
#permalink

The assignment submission period was over and I was nervous, 카지노사이트추천 and I am very happy to see your post just in time and it was a great help. Thank you ! Leave your blog address below. Please visit me anytime.


Автор: 온라인카지노 (не зарегистрирован), дата: 17 января, 2023 - 07:23
#permalink

What a post I've been looking for! I'm very happy to finally read this post. 온라인카지노 Thank you very much. Can I refer to your post on my website? Your post touched me a lot and helped me a lot. If you have any questions, please visit my site and read what kind of posts I am posting. I am sure it will be interesting.


Автор: 카지노사이트추천 (не зарегистрирован), дата: 16 февраля, 2023 - 07:42
#permalink

Really no matter if someone doesn't be aware of after that its up to other users that they will help, so here it takes place 카지노사이트추천.


Автор: 카지노사이트 (не зарегистрирован), дата: 11 апреля, 2023 - 12:23
#permalink

exceptionally fascinating post.this is my first time visit here.i discovered so mmany intriguing stuff in your blog particularly its discussion. 카지노사이트


Автор: Гость (не зарегистрирован), дата: 17 мая, 2023 - 00:09
#permalink

Do you understand the rules of casino games correctly?
Find out all this right on this website and stay up to date
토토프레이


Автор: Гость (не зарегистрирован), дата: 17 июня, 2023 - 10:38
#permalink

You there, this is really good post here. Thanks for taking the time to post such valuable information. Quality content is what always gets the visitors coming. Rainbow Friends: Chapter 2


Автор: 3d product animation services (не зарегистрирован), дата: 3 июля, 2023 - 17:12
#permalink

3D Product Animation is the process of creating dynamic, lifelike visual representations of products using computer-generated imagery (CGI). It involves the use of 3D modeling, texturing, lighting, and animation techniques to showcase a product's features, functionality, and aesthetics in a compelling and interactive manner.


Автор: carinamon (не зарегистрирован), дата: 1 августа, 2023 - 11:48
#permalink

Этот метод позволяет получить элемент по его уникальному идентификатору Immaculate Grid. Идентификатор должен быть уникальным на странице.


Автор: mouse poison station (не зарегистрирован), дата: 8 октября, 2023 - 19:50
#permalink

Acidic or abrasive cleaners can erode the cement tile's surface and affect the color and finish. Stick to gentle, pH-neutral cleaning solutions to maintain the tiles' integrity.


Автор: Button Load Cells (не зарегистрирован), дата: 11 октября, 2023 - 09:33
#permalink

When considering window replacement, you have options like vinyl, wood, fiberglass, and aluminum. Each material has its pros and cons, so it's essential to select one that suits your needs and budget.


Автор: Through Hole (не зарегистрирован), дата: 11 октября, 2023 - 18:29
#permalink

Energy efficiency, UV protection, and the right choice of window style and materials can significantly improve your home's comfort and value. However, working with a reputable contractor who understands the unique challenges of the Phoenix climate is just as important as the choice of windows themselves. A well-planned and executed window replacement project can enhance your home's aesthetics, energy efficiency, and overall functionality, making it a wise investment for any Phoenix homeowner.


Автор: Aqel (не зарегистрирован), дата: 17 октября, 2023 - 10:49
#permalink

Ребята подскажите советом (в JS не разбираюсь ещё):
Есть в вэб-странице код:

<div id="mep_0" class="mejs-container svg"
...
<video id="video-flash"  
...
url2="тут нужная мне ссылка"
...>

Мне нужно ссылку из url2 получить, просто хотя бы в конце страницы высвечивалась или как нить в окне что бы показывалась?
Не пинайте сильно. СпС.


Автор: pgslot168 login (не зарегистрирован), дата: 18 ноября, 2023 - 09:00
#permalink

Pretty good post. I have just stumbled upon your blog and enjoyed reading your blog posts very much. I am looking for new posts to get more precious info. Big thanks for the useful info. pgslot168 login


Автор: ufabet168 (не зарегистрирован), дата: 20 ноября, 2023 - 19:42
#permalink

Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. ufabet168


Автор: gemmalyly (не зарегистрирован), дата: 28 ноября, 2023 - 11:04
#permalink

The article in this forum is very good, this article is very helpful for me. Nice to read your post. If you can, take a moment to play game connections unlimited one of the most exciting games


Автор: UFABET168GO (не зарегистрирован), дата: 29 ноября, 2023 - 11:20
#permalink

ufabet168 ทางเข้า เว็บแทงบอลบริการครบครัน แทงบอลง่าย กำไรงาม


Автор: betflikvip (не зарегистрирован), дата: 4 декабря, 2023 - 13:35
#permalink

I am impressed. I don't think Ive met anyone who knows as much about this subject as you do. You are truly well informed and very intelligent. You wrote something that people could understand and made the subject intriguing for everyone. Really, great blog you have got here. betflikvip


Автор: Quality Roofing Contractor (не зарегистрирован), дата: 20 декабря, 2023 - 18:22
#permalink

Quality roofing contractors are indispensable assets in the construction and maintenance of buildings, playing a crucial role in ensuring the longevity, safety, and aesthetic appeal of structures.


Автор: Гость (не зарегистрирован), дата: 27 декабря, 2023 - 04:32
#permalink

This forum's article is excellent, and I find retro bowl college it to be really helpful. It was enjoyable to read your content.


Автор: jeffreestar (не зарегистрирован), дата: 4 января, 2024 - 05:16
#permalink

slice master is a fast-paced arcade game where you wield a variety of blades to slice through fruit, navigate tricky obstacles, and rack up points! It's like a mix of fruit ninja and a skill-based platformer, with satisfying slicing mechanics and addictive gameplay.


Автор: goodstudent66 (не зарегистрирован), дата: 28 марта, 2024 - 05:24
#permalink

Чтобы убедиться, что элемент присоединён к DOM, воспользуйтесь свойством Node. isConnected . Оно будет иметь значение true, пока элемент не удалён.
final grade calculator


Автор: นำเข้าสินค้าจากจีน (не зарегистрирован), дата: 19 апреля, 2024 - 15:11
#permalink

THE ONE CARGO นำเข้าสินค้าจากจีน จัดหาสินค้าในประเทศจีน ขนส่งสินค้าระหว่างประเทศจากจีนมาไทย ทั้งทางรถ ทางเรือ และทางอากาศ พิธีการนำเข้า-ส่งออก ซึ่งทำให้เราเป็นที่ไว้วางใจแก่บริษัทชั้นนำ พร้อมทั้งมีทีมงานผู้เชี่ยวชาญที่สามารถให้บริการงานสิทธิประโยชน์ด้านภาษี


Автор: Гость (не зарегистрирован), дата: 29 июня, 2024 - 10:54
#permalink

FNAF Online stands as a testament to the power of clever game design and storytelling, where every moment is fraught with tension and every decision could mean survival or doom.


Автор: Amora Pottera (не зарегистрирован), дата: 2 июля, 2024 - 11:04
#permalink

Get ready for an exciting journey with Slope Game! Try your agility and reflexes as you navigate a treacherous slope full of obstacles. Every turn and twist adds to the intensity, making it more difficult for you to survive by acting fast. Can you successfully navigate this thrilling ride and these steep hills?


Автор: 2048 cupcakes (не зарегистрирован), дата: 9 июля, 2024 - 04:19
#permalink

Hello everyone, nice to meet you. Do you want to try playing 2048 cupcakes ? Play with me, it's great.


Автор: Гость (не зарегистрирован), дата: 17 июля, 2024 - 05:56
#permalink

Geometry Dash Lite - The gameplay mechanics are simple yet demanding. Players tap the screen to make their character jump, and holding down the tap allows for longer jumps.


Автор: Rasheedickinson (не зарегистрирован), дата: 25 июля, 2024 - 05:38
#permalink

This tutorial on DOM element search is a lifesaver for any JavaScript enthusiast! Clear, concise, and practical tips for DOM manipulation. While you're exploring, check out Pokerogue, an exciting online game that adds a fun twist to your gaming routine. And don't miss the Pokerogue wiki for some insider tips!


Автор: bilben334 (не зарегистрирован), дата: 17 сентября, 2024 - 13:05
#permalink

When I first began playing online slots, I was drawn to the excitement of flashy animations and themes. I didn’t think too much about how the games worked; for me, it was just about pressing the button and hoping for a win. For a while, I had fun, but it didn’t take long to realize https://bruno-casino-fr1.com/ that I wasn’t winning as often as I had hoped. I’d go through streaks of losing, and I started wondering if there was something more I could be doing to improve my chances. That’s when I decided to dig deeper into the mechanics of slot machines and discovered that not all slots are created equal.


Автор: moskwa10 (не зарегистрирован), дата: 17 сентября, 2024 - 13:05
#permalink

It turns out that factors like Return to Player (RTP) and volatility play a huge role in your chances of winning. RTP is essentially the percentage of wagered money a slot pays back over time, while https://cazinozer-fr.com/ volatility determines how often and how much a game pays out. I started looking for games with higher RTP percentages—anything above 96% became my go-to—and made sure to balance that with my risk tolerance by considering volatility


Автор: Bilbo9543 (не зарегистрирован), дата: 17 сентября, 2024 - 13:06
#permalink

Low volatility games gave me smaller but more frequent wins, while high volatility games offered bigger payouts but at https://iledecasinofrance.com/ less frequent intervals. This approach helped me enjoy the game more and, over time, see better results. It’s funny how understanding the mechanics can make such a difference in what seems like a game of pure luck.


Автор: Vasil332 (не зарегистрирован), дата: 17 сентября, 2024 - 13:06
#permalink

I used to think poker was all about luck. When I first started playing online, I’d join low-stakes tables and play purely based on the cards I was dealt. I figured if I got good cards, I’d win; if not, I’d lose. And at the beginning, it felt like that strategy was enough. I even won a few decent hands https://kingchancecasino-fr1.com/ that made me feel like I was getting the hang of it. But the more I played, the more I noticed that experienced players were outsmarting me, regardless of the cards they held. I realized that poker wasn’t just a game of chance—it was a game of skill, patience, and psychology.


Автор: Гость (не зарегистрирован), дата: 5 ноября, 2024 - 10:52
#permalink

Retro bowl 2 is a sports game with pixel graphics that dominates the gaming world. I hope you enjoy it.


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
12 + 7 =
Введите результат. Например, для 1+3, введите 4.
 
Текущий раздел
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние комментарии
Последние темы на форуме
Forum