jscriptを使用してdivからテキストを取得

divからテキストを取得するには？例えばjscriptを使用してdivからテキストを取得

：

<script> 
    function cahnge() { 
     alert(document.getElementById('udin')); 
    } 

</script> 
<div class="ayah"> 
<div class="udin" onclick="cahnge()" >udin</div> 
</div>

私はdiv要素がクリックされますと、警告メッセージを作りたいとのメッセージがdiv要素のテキストです。

ありがとうございます。あなたが近い

<script> 
    function cahnge() { 
     alert(document.getElementsByClassName('udin')[0].innerHTML); 
    } 

</script> 
<div class="ayah"> 
<div class="udin" onclick="cahnge()" >udin</div> 
</div>

Here is the JSFiddle

出典

2017-02-22 Timothy Varian

は、idは= 'udin''はDIVと 'のdocument.getElementById使用する（' udinを）'を追加試してみてください。innerHTML'取得するには、テキスト –

はこれを試してみてください。

getElementByIdは、divがIDであることを確認していますが、divはクラスです。 divオブジェクトだけでなく、実際のコンテンツを取得するには、.textContentも追加する必要があります。

<script> 
    function cahnge() { 
     alert(document.getElementById('udin').textContent); 
    } 

</script> 
<div class="ayah"> 
<div id="udin" onclick="cahnge()" >udin</div> 
</div>

出典

2017-02-22 08:56:29

をありがとうあなたのソリューションのためのGeorgi。それは仕事です。 –

<script> 
    function change(aObject) { 
     alert(aObject.innerHTML); 
    }  
</script> 

<div class="ayah"> 
<div class="udin" onclick="change(this);">udin</div> 
</div>

出典

2017-02-22 08:57:42 Nitesh

このコードブロックはOPの質問に答えるかもしれませんが、このコードが質問のコードとどのように違うのか、あなたが変更したもの、変更した理由、そしてなぜそれが解決するのか説明すると、問題を他者に導入することはない。 – Mistalis

使用getElementByClassName：

出典

2017-02-22 08:59:26 Idan

テキストを取得するには 'document.getElementByClassName（ 'udin'）[0] .innerHTML'を使用する必要があります。 –

：

<script> 
    function change(aObject) { 
     alert(aObject.textContent); 
    } 

</script> 
<div class="ayah"> 
<div class="udin" onclick="change(this);">udin</div> 
</div>

出典

2017-02-22 09:00:20 ChrisMcQueen

まず、あなたクラス udinなくID命名しました。 JavaScriptで

<div class="ayah"> 
<div id="udin" onclick="cahnge()" >udin</div> 
</div>

：

function cahnge() { 
    alert(document.getElementById("udin").innerHTML);

}

InnerHTMLのは、あなたがテキストを取得できますだからHTMLコードでこの変更を行います。

出典

2017-02-22 09:01:02

jqueryを使用する場合、これは非常に簡単です。.text（） - 要素のIDを使用して具体的にターゲティングします。クラスを使用しています。 onClickハンドラ場合

<div class="ayah"> 
    <div class="udin" onclick="cahnge(this)" >udin</div> 
</div>

Javascriptを

で

function cahnge(obj) { 
    alert(obj.innerText); 
    //alert(obj.innerHTML); 
}

で引数として

$(document).ready(function(){ 
    $("#target").click(function(){ 
    $("#target").text("Hello world!"); 
    }); 
}); 


<div class="ayah"> 
<div id="target" class="udin">udin</div> 
</div>

出典

2017-02-22 09:07:43 photocode

峠は、このdiv要素が別の要素が、その後 'innerHTMLプロパティ' を使用して含まれている場合。使用しない場合は 'innerText'を使用します。

出典

2017-02-22 09:08:20

は、それが

<html> 
 

 
<body> 
 
    <div class="ayah"> 
 
    <div class="udin">udin</div> 
 
    </div> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script> 
 
    $(function() { 
 
     $elem = $('.udin'); 
 
     $elem.on('click', function() { 
 
     var msg = $elem.html(); 
 
     alert(msg); 
 
     }); 
 
    }); 
 
    </script> 
 
</body> 
 

 
</html>

出典

2017-02-22 09:55:06

jscriptを使用してdivからテキストを取得

答えて

関連する問題