Question

如何从div获取文本？

例如：

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

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

我想在点击div并且消息是div的文本时发出警告消息。

谢谢。

Answer 1

你很亲密。

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>

Answer 2

将此作为参数传递给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'。

Answer 3

试试这个：

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

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

Answer 4

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

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

Answer 5

使用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

Answer 6

首先，您已将类命名为udin，而不是 id 。因此，请在HTML代码中进行此更改：

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

在Javascript中：

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

}

InnerHTML可以帮助您检索文本。

Answer 7

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

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


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

Answer 8

试一试

＆＃13;

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

＆＃13;

使用jscript从Div获取文本

8 个答案: