Проверьте, есть ли у узла-брата текстовое содержимое
Я хочу пройти через узлы в Javascript. Я использую document.getElementById, и я хочу проверить, есть ли у его родного брата какое-либо текстовое содержание. Если это не так, я хочу проверить братьев и сестер родительского узла.
<!DOCTYPE html>
<html>
<head>
<script>
function changeSize()
{
var x=document.getElementById("compman");
if (x.parentNode && x.parentNode.textContent) {
alert("My input has a value!");
}
y=x.nextSibling;
alert(y.nodeValue);
alert(x.parentNode.textContent);
}
</script>
</head>
<body>
<a href="http://sample_url" id="pd_cp_mov_0_B004JMY312" >
<img src="http://samplepic.jpg" width="50" alt="" class="faceout" height="50" border="0" id="compman">
<span class="cpAsinTitle">Hocus Pocus</span>
<div>
sample text
</div>
</a>
<p>test content</p>
<p class="s2"> sample content 2 </p>
<br><br>
<input type="button" onclick="changeSize()" value="Change size of image">
</body>
</html>
В приведенном выше содержании я получаю тег img. Теперь я хочу проверить, есть ли у его брата какой-либо текстовый контент. В этом случае оно имеет значение Hocus Pocus. Если у него нет текстового значения, я хочу проверить родного брата его родителя. Поэтому содержимое теста должно быть возвращено.