1

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>

このコードを試してみましたが、うまくいきませんでした...空のアラートしか開きません!

4

1 に答える 1

1

多分あなたが欲しかった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");
于 2014-04-13T08:50:58.697 に答える