Передача нескольких внутренних дочерних узлов в функцию

Question

Мне нужно передать содержимое внутреннего div в функцию, например, myfun (string) .Я пытался использовать

myfun((this).children[0].innerHTML)

myfun((this).children[1].innerHTML)

myfun((this).children[0].children[0].innerHTML)

, но ни один из них, похоже, не работает.Я не могу просто передать значение getElementById, потому что функция должна быть универсальной, поскольку она будет вызываться php для различных <a> элементов (в идеале я думаю, что она должна включать ключевое слово this. ).

Спасибо за любую помощь.

Answer 1

Если вам не нужно, чтобы он работал в кросс-браузерном режиме, есть:

this.getElementsByClassName('label')[0]

Это не будет работать в IE 8 и ниже .

Если выВы абсолютно уверены, что структура HTML / DOM не изменится, возможно, вы могли бы использовать:

this.nextSibling.children[0];

Но это может иметь проблемы в браузерах, которые рассматривают textNode s как childNode s

Answer 2

в вашей функции «this» относится к ссылке и не может быть использовано.

гораздо более чистым решением было бы знать, что myfunc получит объект, содержащий текст

JavaScript:

myfunc(obj){
   alert(obj.childNodes[0].nodeValue);
}

HTML

   <a href="#" onclick="myfunc(document.getElementByID('target'));return false;">click</a>
   <div id="target">target contents</div>

Answer 3

Объект this будет применяться к тегу <a>, который он вызывает. Сначала вам нужно вызвать родительский div, а затем выбрать детей соответственно.

Попробуйте использовать this.parent.children[1].children[0].innerHTML

Answer 4

Попробуйте this.parent.children[1].children[0].innerHTML

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