Javascript 单击Div标记（即使用类）时，选择该标记中的所有文本

网络上有很多解决方案可以做到这一点，其中每个div标记都有一个唯一的id，例如：，但是我如何能够为同一页面上使用同一类的多个div标记做到这一点呢

代码如下所示：

<td>
    <div class="code" onclick="">int variable_name;</div>
    <div class="code" onclick="">int variable_name = value;</div>
    <div class="code" onclick="">float variable_name;</div>
    <div class="code" onclick="">float variable_name = value;</div>
    <!-- etc... -->
</td>

---

纯Javascript是解决方案的首选。

在您的情况下，您可以这样做：

getText=functiontd{ var t=td.innerText | | td.textContent； alertt； } int变量名称； int变量_name=值； 浮点变量名； 浮点变量_name=值；

---

在您的情况下，您可以这样做：

getText=functiontd{ var t=td.innerText | | td.textContent； alertt； } int变量名称； int变量_name=值； 浮点变量名； 浮点变量_name=值；

---

你可以这样做：

<td>
    <div class="code" onclick="">int variable_name;</div>
    <div class="code" onclick="">int variable_name = value;</div>
    <div class="code" onclick="">float variable_name;</div>
    <div class="code" onclick="">float variable_name = value;</div>
    <!-- etc... -->
</td>

函数getDataelement { 如果document.body.createTextRange{ var range=document.body.createTextRange； range.moveToElementTextelement； range.select； }else if window.getSelection{ var selection=window.getSelection； var range=document.createRange； range.selectNodeContentselement； selection.removeAllRanges； selection.addRange范围； } } int变量名称； int变量_name=值； 浮点变量名； 浮点变量_name=值；

---

你可以这样做：

<td>
    <div class="code" onclick="">int variable_name;</div>
    <div class="code" onclick="">int variable_name = value;</div>
    <div class="code" onclick="">float variable_name;</div>
    <div class="code" onclick="">float variable_name = value;</div>
    <!-- etc... -->
</td>

函数getDataelement { 如果document.body.createTextRange{ var range=document.body.createTextRange； range.moveToElementTextelement； range.select； }else if window.getSelection{ var selection=window.getSelection； var range=document.createRange； range.selectNodeContentselement； selection.removeAllRanges； selection.addRange范围； } } int变量名称； int变量_name=值； 浮点变量名； 浮点变量_name=值； 您可以使用querySelectorAll获取所有这些元素，然后使用addEventListener寄存器单击每个元素，从以下代码调用selectElmCnt函数：

<div>
  <div class="code">int variable_name;</div>
  <div class="code">int variable_name = value;</div>
  <div class="code">float variable_name;</div>
  <div class="code">float variable_name = value;</div>
  <!-- etc... -->
</div>
<script>
// selects the content of an element. Receives the object with that element
function selectElmCnt(elm) {
  // for Internet Explorer
  if(document.body.createTextRange) {
    var range = document.body.createTextRange();
    range.moveToElementText(elm);
    range.select();
  }
  else if(window.getSelection) {
    // other browsers
    var selection = window.getSelection();
    var range = document.createRange();
    range.selectNodeContents(elm);
    selection.removeAllRanges();
    selection.addRange(range);
  }
}

var ecode = document.querySelectorAll('.code');
for(var i=0; i<ecode.length; i++){
  ecode[i].addEventListener('click', function(e){
    selectElmCnt(e.target);
  });
}
</script>

资料来源： 您可以使用querySelectorAll获取所有这些元素，然后使用addEventListener寄存器单击每个元素，从以下代码调用selectElmCnt函数：

<div>
  <div class="code">int variable_name;</div>
  <div class="code">int variable_name = value;</div>
  <div class="code">float variable_name;</div>
  <div class="code">float variable_name = value;</div>
  <!-- etc... -->
</div>
<script>
// selects the content of an element. Receives the object with that element
function selectElmCnt(elm) {
  // for Internet Explorer
  if(document.body.createTextRange) {
    var range = document.body.createTextRange();
    range.moveToElementText(elm);
    range.select();
  }
  else if(window.getSelection) {
    // other browsers
    var selection = window.getSelection();
    var range = document.createRange();
    range.selectNodeContents(elm);
    selection.removeAllRanges();
    selection.addRange(range);
  }
}

var ecode = document.querySelectorAll('.code');
for(var i=0; i<ecode.length; i++){
  ecode[i].addEventListener('click', function(e){
    selectElmCnt(e.target);
  });
}
</script>

资料来源：

---

所需的输出是什么？给我举个例子。您好，所需的输出是div中的所有文本，即int变量_name；单击时选择。所需的输出是什么？给我举个例子。您好，所需的输出是div中的所有文本，即int变量_name；单击时选择。此解决方案不会完全回答问题，但其代码对于以编程方式使用所选文本非常有用，我稍后将使用它，谢谢。此解决方案不会完全回答问题，但是它的代码对于以编程方式使用所选文本非常有用，我稍后将使用它，谢谢。