firstChild和nextSibling内容

firstChild和nextSibling内容

我想知道如何在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>


我尝试了这段代码,但是它们没有起作用...仅打开一个空警报!

最佳答案

也许您想要firstElementChildnextElementSiblinglastElementChild吗?

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");

08-25 17:34