使用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獲取文本

回答

相關問題