使用jscript从Div获取文本

例如：

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

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

我想让警报消息时获得点击div和消息是div的文本。

谢谢。

来源

2017-02-22 Timothy Varian

添加'ID = 'udin''以股利和使用'的document.getElementById（' udin'）。innerHTML'获得文本 –

试试这个：

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

</script> 
<div class="ayah"> 
<div class="udin" onclick="change(this);">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：

<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 08:59:26 Idan

你必须使用'document.getElementByClassName（'udin'）[0] .innerHTML'来获取文本。 –

你接近。

getElementById正在检查div是否有ID，但您的div是一个类。您还需要添加.textContent以获取实际内容，而不仅仅是div对象。

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

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

来源

2017-02-22 09:00:20 ChrisMcQueen

首先，你有一个名为类 udin而不是ID。因此，请在HTML代码这一变化：

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

在Javascript中：

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

}

innerHTML的帮助您检索文本。

来源

2017-02-22 09:01:02

如果您使用jQuery，使用.text（）很容易 - 使用元素上的ID来专门定位它，您使用的是一个类，它可能有许多类似的元素。

$(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

通本作中的onClick处理程序

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

在Javascript中

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

参数万一要是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获取文本

回答

相关问题