我想知道如何在 JavaScript 中获取 lastChild、firstChild 和 nextSibling 内容。
这是我的示例代码:
<div id="main">
<div id="first">content 1</div>
<div id="second">content 2</div>
<div id="third">content 3</div>
</div>
<script>
alert (document.getElementById('main').firstChild.nodeValue);
alert (document.getElementById('main').lastChild.nodeValue);
alert (document.getElementById('first').nextSibling.nodeValue);
</script>
我尝试了这段代码,但它们不起作用...仅打开一个空警报!
最佳答案
也许您想要 firstElementChild
、nextElementSibling
和 lastElementChild
?
然后
alert (document.getElementById('main').firstElementChild.innerHTML);
alert (document.getElementById('main').lastElementChild.innerHTML);
alert (document.getElementById('first').nextElementSibling.innerHTML);
请清楚地解释一下,“完全”是什么意思?
您可以编辑它:
document.getElementById('main').firstElementChild.innerHTML="some text";
您可以存储它:
var fec=document.getElementById('main').firstElementChild.innerHTML;
您可以删除它:
document.getElementById('main').removeChild(document.getElementById('main').firstElementChild);
您可以替换其中的文本:
document.getElementById('main').firstElementChild.innerHTML=document.getElementById('main').firstElementChild.innerHTML.replace(/new_text/g,"text_to_replace")
您可以将其拆分为字符数组:
var array=document.getElementById('main').firstElementChild.innerHTML.split("");
您可以向其中添加一些文本:
document.getElementById('main').firstElementChild.appendChild("some text");
关于javascript - 如何在 JavaScript 中获取 lastChild、firstChild 和 nextSibling 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23040712/