Javascript 获取文本内容的步骤

我能够得到divs样式的属性转换

Html

---

这个html元素是从后端响应中获取的，我将其分配给HTMLdiv并进行迭代。如何获取跨内容文本。谢谢

首先，您必须遍历所有

，并通过其子项（

）进行迭代，以获取其文本内容

此代码将执行以下操作：

document.querySelectorAll（'div'）.forEach（div=>{
div.queryselectoral（'span'））
.forEach（span=>console.log（span.textContent））；
});

首先，您必须遍历所有

，并通过其子项（

）进行迭代，以获取其文本内容

此代码将执行以下操作：

document.querySelectorAll（'div'）.forEach（div=>{
div.queryselectoral（'span'））
.forEach（span=>console.log（span.textContent））；
});

您可以使用

document.querySelectorAll（'div span'）

获取所有

元素

document.querySelectorAll（'div-div'）.forEach（div=>{
console.log（div.style.transform）；
div.queryselectoral（'span'）.forEach（span=>{
console.log（span.textContent）；
});
});

196.00003051757812
109.5999755859375
您可以使用
document.querySelectorAll（'div span'）
获取所有
元素


document.querySelectorAll（'div-div'）.forEach（div=>{
console.log（div.style.transform）；
div.queryselectoral（'span'）.forEach（span=>{
console.log（span.textContent）；
});
});

196.00003051757812
109.5999755859375
您是否尝试过使用document.querySelectorAll获取span元素数组？然后你可以迭代它们来获取文本内容。我有两个要求来访问div样式转换属性，所有的span文本可能是1或2或更多，所以我可以用上面的代码来完成第一个要求样式转换属性，如何阅读span文本以及第一种样式的内容您是否尝试过使用document.querySelectorAll获取span元素数组？然后你可以迭代它们来获取文本内容。我有两个要求来访问div-style-transform属性，所有的span文本可能是1或2或更多，所以我可以用上面的代码来完成第一个要求样式转换属性，我如何阅读span-text以及第一个样式的内容来获得答案，因此，它将获得转换属性以及跨文本内容right@Enthu首先
forEach（div）
将通过
div.style
为您提供
transform
属性。第二个
forEach（span）
所有儿童
span
及其文本内容。感谢您的回答，因此它将获得转换属性以及span文本内容right@Enthu首先
forEach（div）
将通过
div.style
为您提供
transform
属性。第二个
forEach（span）
所有子项
span
及其文本内容。正如我所说的，我还想获得div样式的转换属性，我已经在span的父div中获得了该属性，因此我已经有了一个用于forEach的代码，使用它本身我如何访问span的文本内容我如何还可以获得502值，因为当我尝试div.textContent时，它给出了div+span 502 196.00003051757812109.5999755859375的所有三个值，并且foreach循环也运行了几乎2timesThanks，正如我所说的，我还想得到div样式的转换属性，我已经在span的父div中得到了它，所以我已经有了一个foreach代码，使用它本身，我如何访问span的textcontentHi我如何也能得到502值，因为当我尝试div.textContent时，它给出了div+span 502 196.00003051757812109.5999755859375的所有三个值，并且foreach循环也运行了近2次
<div xmlns="http://www.w3.org/1999/xhtml" _ngcontent-c6="" appdropzone="" 
   appmovablearea="" class="dropzone" id="toget" ng-reflect-ng-style=" 
   [object Object]" style="width: 100%;
   background-image: url(&quot;data:image/jpeg;base64,/9//2Q==&quot;);
   background-repeat: no-repeat; background-position: center center; 
   background-size: 100% 100%; border: 1px solid black; height: 340px;">

  <!--bindings={
  "ng-reflect-ng-for-of": " 502 "
  }-->

 <div _ngcontent-c6="" appmovable="" class="box draggable movable ng-star- 
  inserted"
  ng-reflect-ng-style="[object Object]" touch-action="none" 
  style="transform: translateX(196%) translateY(109.6%);">

  502

  <span _ngcontent-c6="" style="display: none">196.00003051757812</span>
  <span _ngcontent-c6="" style="display: none">109.5999755859375</span>

 </div>

 <!--bindings={
  "ng-reflect-ng-for-of": ""
 }-->

 </div>

 const floorImagePlanConatiner = document.createElement("div");
            floorImagePlanConatiner.innerHTML = floorImage;
            floorImagePlanConatiner.querySelectorAll("div")
                .forEach(element => {
                    this.droppeditem = [];
                    if(element.style.transform)
                        floor.droppeditem.
                        push(element.childNodes[0].textContent);                   
     });