Javascript 检查同级节点是否具有文本内容_Javascript_Dom

Javascript 检查同级节点是否具有文本内容

javascript dom

Javascript 检查同级节点是否具有文本内容,javascript,dom,Javascript,Dom,我想遍历javascript中的兄弟节点。我使用document.getElementById，我想检查它的同级是否有任何文本内容。如果没有，我想检查父节点的兄弟节点 <!DOCTYPE html> <html> <head> <script> function changeSize() { var x=document.getElementById("compman"); if (x.parentNode && x.parentN

我想遍历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>


函数changeSize（）
{
var x=document.getElementById（“compman”）；
if（x.parentNode&&x.parentNode.textContent）{
警报（“我的输入有值！”）；
} 
y=x.nextSibling；
警报（y.nodeValue）；
警报（x.parentNode.textContent）；
}
测试内容
样本内容2

在上面的内容中，我得到了img标签。现在我想检查它的兄弟是否有任何文本内容。在本例中，它的值为Hocus Pocus。如果它没有文本值，我想检查它的父级的同级。因此，应该返回测试内容

这不管用吗？告诉我们您得到了哪些错误。下一个sibling可能不是HocusPocus span，而是img和span元素之间的换行文本节点