要素のテキストを取得する nodeValue

[説明]

[サンプル]

このテキストを取得してみよう


 

[実行結果]

[ソースコード]

<p>このテキストを取得してみよう</p>

<input type="button" id="btn1" value="まずテキストを取得" /><input type="button" id="btn2" value="次にテキストを変更" />

<script type="text/JavaScript">
var btn1 = document.getElementById('btn1');
var btn2 = document.getElementById('btn2');
var hyouji = document.getElementById('koko');

btn1.onclick = function(){
	var pNode1 = document.getElementsByTagName('p').item(0); // TagName('p')は複数あることが前提なので、特定のpを取得するにはitem( i )で。
	var pText1 = pNode1.firstChild;
	hyouji.innerHTML = pText1.nodeValue;
}

btn2.onclick = function(){
	var pNode2 = document.getElementsByTagName('p').item(0); // TagName('p')は複数あることが前提なので、特定のpを取得するにはitem( i )で。
	var pText2 = pNode2.firstChild;
	var change_name = pText2.nodeValue;
	var change_name = "チェンジ!";
	hyouji.innerHTML = change_name;
}
</script>

※タグで囲まれたテキストは該当のタグの子要素ノードに構成される。該当のタグの子要素だからfirstChildを挟む必要がある。
全部一気に書くと document.getElementsByTagName('p').item(0).firstChild.nodeValue


インデックスにもどる