javascriptでDOMを使用して要素内の値を動的に取得

Question

すべて、私の問題はこれです。 私は要素にあるすべてのテキストを表示する警告ボックスのようにしています。私はそれをどうやってできるのか分かりますか？

マイORIのアイデア：

<a onclick="displaytext(something)">testing</a> 

function displaytext(something){ 
    alert(something); 
} 

誰かがこれを解決するために私を助けてくださいことはできますか？ありがとう。

Answer 1

使用innerHTML（またはinnerTextあなたがHTMLをしたくない場合）とthis：

<script> 
function displaytext(something) { 
    alert(something.innerHTML); //alerts 'testing' 
    return false; 
} 
</script> 

<a onclick="displaytext(this)">testing</a> 

Answer 2

あなたがgetelementbyidまたは類似を使用してオブジェクトを得ている後、innerHTML属性を使用します。

Answer 3

あなただけテキストを表示するために欠けている場合あなたは使うべきinnerText

Live example

HTML

<a onclick="displaytext(this)">testing</a><br /> 
<a onclick="displayOtherText()">I'll display the div innerText</a><br /> 
<a onclick="displayOtherHtml()">I'll display the div innerHTML</a><br /><br /> 
<div id="textToDisplay"><span>Some sample</span> text here</div> 

はJavaScript

<script> 
    function displaytext(element){ 
     alert(element.innerText); 
    } 
    function displayOtherText(){ 
     alert(document.getElementById('textToDisplay').innerText) 
    } 
    function displayOtherHtml(){ 
     alert(document.getElementById('textToDisplay').innerHTML) 
    } 
</script> 

Answer 4

このような単純な関数を使うべきです。この関数が要素idをとるように注意してください。クラス名または要素名に対しては機能しません。

 
function sayText(elId) { 
    var html = document.getElementById(elId).innerHTML; 
    if (html != null) alert(html) 
}