"родительский узел"
Часто используется для получения родительского узла элемента. Подумайте о родительских узлах как о контейнере, и в контейнере есть дочерние узлы.
пример:
<div id="родительский">
<b id="child">Мое сообщение</b>
</div>
В приведенном выше коде вы видите, что «Dad» используется в качестве контейнера div, и в контейнере есть «дочерний элемент», который представляет собой выделенную жирным шрифтом часть текста. Если вы планируете использовать метод getElementById() для выделения полужирного шрифта. элемент и хотите его узнать. Кто такой «Папа»? Возвращаемая информация будет элементом div. Продемонстрируйте следующий сценарий, и вы поймете, что происходит...
Цитировать:
Скопируйте код кода следующим образом:
<div id="родительский">
<b id="child">Мое сообщение</b>
</div>
<тип сценария="текст/javascript">
<!--
alert(document.getElementById("child").parentNode.nodeName);
//-->
</скрипт>
Использование родительского узла не обязательно только находит «отца», «сын» также может стать «отцом», как в следующем примере...
Цитировать:
Скопируйте код кода следующим образом:
<div id="родительский">
<div id="childparent">
<b id="child">Мое сообщение</b>
</div>
</div>
В приведенном выше коде есть два «родителя» и два «потомка». Первый div (id «parent») является «отцом» второго div (childparent).
В элементе «childparent» есть выделенный жирным шрифтом элемент, который является «дочерним элементом» div «childparent». Итак, как получить доступ к «дедушке» (id «parent»)? Это очень просто... .
Цитировать:
Скопируйте код кода следующим образом:
<div id="родительский">
<div id="childparent">
<b id="child">Мое сообщение</b>
</div>
</div>
<тип сценария="текст/javascript">
<!--
alert(document.getElementById("child").parentNode.parentNode.nodeName);
//-->
</скрипт>
Вы заметили, что два родительских узла используются вместе? «parentNode.parentNode». Первый родительский узел — это div (id «childparent»), поскольку мы хотим получить самый внешний родительский элемент, поэтому мы добавляем еще один родительский узел в div (id «childparent»). ) «родитель»).
Использование родительского узла позволяет не просто найти имя узла элемента. Например, вы можете получить родительский узел большого количества элементов и добавить в конце новый узел.
IE имеет собственное имя «parentElement», а для кроссбраузерных скриптов рекомендуется использовать родительский узел.
Еще два слова:
Если вы поместите javascript в начало html-файла, Firefox сообщит о следующей ошибке:
document.getElementById("child") не имеет свойств.
Для IE это:
ОбъектRequired
Причина в том, что все браузеры, поддерживающие JavaScript, запускают JavaScript до полного анализа DOM. В реальном веб-программировании большая часть JavaScript может быть размещена в теге head. Для правильной работы предупреждение должно быть заключено в функцию и в документ. Вызовите функцию после загрузки. Например, добавьте ее в тег Body.
Каковы различия между родительскими узлами, родительскими элементами, дочерними узлами и дочерними элементами?
parentElement Получает родительский объект в иерархии объектов.
parentNode получает родительский объект в иерархии документов.
childNodes Получает коллекцию элементов HTML и объектов TextNode, которые являются прямыми потомками указанного объекта.
Children Получает коллекцию объектов DHTML, которые являются прямыми потомками объекта.
-------------------------------------------------- ------
ParentNode имеет ту же функцию, что и родительский элемент, а childNodes имеет ту же функцию, что и дочерние элементы. Однако родительские и дочерние узлы соответствуют стандартам W3C и, можно сказать, относительно универсальны. Два других поддерживаются только IE, а не стандартами, и не поддерживаются Firefox.
-------------------------------------------------- ------
Другими словами, родительскийЭлемент и дочерние элементы являются собственными объектами IE и не распознаются другими местами.
Тогда их стандартная версия — это родительский узел, дочерний узел.
Функции этих двух элементов такие же, как у родительского элемента и дочерних элементов, и они стандартны и универсальны.
-------------------------------------------------- ------
Ниже приводится простое объяснение, пожалуйста, обратите внимание на различия в отдельных словах:
Свойство ParentNode: извлекает родительский объект в иерархии документов.
Свойство ParentElement: извлекает родительский объект в иерархии объектов.
дочерние узлы:
Извлекает коллекцию HTML-элементов и объектов TextNode, которые являются прямыми потомками указанного объекта.
дети:
Извлекает коллекцию объектов DHTML, которые являются прямыми потомками объекта.
Пример использования родительского элемента родительского узла.parentNode.childNodes
первый метод
Скопируйте код кода следующим образом:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<ГЛАВА>
<TITLE> Новый документ </TITLE>
<META NAME="Генератор" C>
<META NAME="Автор" C>
<META NAME="Ключевые слова" C>
<META NAME="Описание" C>
<SCRIPT LANGUAGE="JavaScript">
<!--
вар строка = -1;
функция showEdit(obj){
var cell2 = obj.parentNode.parentNode.childNodes[1];
вар rowIndex = obj.parentNode.parentNode.rowIndex;
cell2.innerHTML = "<input type='text' value=""+ cell2.innerHTML +"'>";
если(строка != -1){
var oldCell2 = document.getElementById("tb").rows[row].cells[1];
oldCell2.innerHTML = oldCell2.childNodes[0].value;
}
строка = индекс строки;
}
//-->
</СКРИПТ>
</HEAD>
<ТЕЛО>
<ТАБЛИЦА id="tb">
<ТР>
<TD><input type="radio" name="rad"></TD>
<ТД></ТД>
<ТД></ТД>
</TR>
<ТР>
<TD><input type="radio" name="rad"></TD>
<ТД></ТД>
<ТД></ТД>
</TR>
<ТР>
<TD><input type="radio" name="rad"></TD>
<ТД></ТД>
<ТД></ТД>
</TR>
</ТАБЛИЦА>
</ТЕЛО>
</HTML>
Второй метод
Скопируйте код кода следующим образом:
<граница таблицы=1 ширина=100%>
<тр>
<td><input name=m type=checkbox ></td>
<td>1111</td>
<td><input name=aaa value="222" отключен></td>
<td><input name=bbb value="333" отключен></td>
</tr>
<тр>
<td><input name=m type=checkbox ></td>
<td>1111</td>
<td><input name=aaa value="222" отключен></td>
<td><input name=bbb value="333" отключен></td>
</tr>
<тр>
<td><input name=m type=checkbox ></td>
<td>1111</td>
<td><input name=aaa value="222" отключен></td>
<td><input name=bbb value="333" отключен></td>
</tr>
</таблица>
<SCRIPT LANGUAGE="JavaScript">
функция мм(е)
{
вар currentTr=e.parentElement.parentElement;
вар inputObjs = currentTr.getElementsByTagName("вход");
for(var i=0;i<inputObjs.length;i++)
{
если (inputObjs[i]==e) продолжить;
inputObjs[i].disabled=!e.checked;
}
}
</СКРИПТ>
Получить метод родительского контроля в HTML
Скопируйте код кода следующим образом:
функция setvalue(v,o)
{
//var obj=document.getElementById(''batchRate'');
// окна.
оповещение(o.parentNode.innerHTML);
alert(o.parentNode); //parentNode также получает здесь родительский элемент управления
alert(o.parentElement); //parentElement также получает здесь родительский элемент управления
alert(o.parentElement.parentNode); //parentElement.parentNode также получает здесь родительский элемент управления
//o.parentNode.bgColor="красный";
o.parentElement.parentNode.bgColor="красный";
}
Пример:
Скопируйте код кода следующим образом:
<html>
<голова>
<meta http-equiv="Content-Language" c>
<meta http-equiv="Content-Type" c>
<title>Новая веб-страница 1</title>
</голова>
<скрипт>
функция setvalue(v,o)
{
//var obj=document.getElementById(''batchRate'');
// окна.
оповещение(o.parentNode.innerHTML);
оповещение (o.parentNode);
оповещение (o.parentElement);
//o.parentNode.bgColor="красный";
o.parentElement.parentNode.bgColor="красный";
}
</скрипт>
<тело>
<идентификатор таблицы="таблица1">
<тр>
<td><a >dfsdfdsfdsa</a></td>
<тд> </тд>
<тд> </тд>
</tr>