简体   繁体   English

使用iframe和div中的类使用html,java脚本ASP获取数据

[英]fetch data using class inside iframe and div using html, java script asp

I have an iframe and inside this there is a class called service-row and inside this div there is another class named service-cell 我有一个iframe,在其中有一个名为service-row的类,在此div中有另一个名为service-cell的类

I want to get the data from that class how to do that. 我想从该类中获取数据该怎么做。 And there are 40 items with same name class how to get that data. 并且有40个具有相同名称类别的项目如何获取该数据。

example

HTML page

<iframe id="iframe1">
     <div class="servicesTab">
          <div class="service-row">
               <div class="service-cell">
                   Obstetrics(this data)
               </div>
           </div>
      </div>
</iframe>

If you need data of specific cell then you can use the following code: 如果需要特定单元格的数据,则可以使用以下代码:

$("#iframe1 .service-cell:eq(0)").text()

else you can access all the cells using below code and then, iterate using for loop : 否则,您可以使用以下代码访问所有单元格,然后使用for循环进行迭代:

$("#iframe1 .service-cell")

如何到达<span>内部的 html 标签</span><div>使用 Java 脚本?</div><div id="text_translate"><p> 我有一个放置在div内的span标签,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在单击input标签时为span标签设置border ,并且也不想在span中使用任何id 。 我尝试了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他们都没有正常工作? 那么有人会帮忙吗?</p></div> - How to reach a html <span> tag inside a <div> using Java Script?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何到达<span>内部的 html 标签</span><div>使用 Java 脚本?</div><div id="text_translate"><p> 我有一个放置在div内的span标签,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在单击input标签时为span标签设置border ,并且也不想在span中使用任何id 。 我尝试了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他们都没有正常工作? 那么有人会帮忙吗?</p></div> - How to reach a html <span> tag inside a <div> using Java Script? 使用 JS 将 HTML 中的 div 替换为 fetch() 数据 - Replace div in HTML with fetch() data using JS 在iframe中获取一个元素,并使用java脚本为其赋值 - Get an Element inside an Iframe and Assign a Value to it using java script 使用Invisible div检测Click Inside IFrame - Detecting Click Inside IFrame Using Invisible div 我想使用父 class 获取跨度内的数据 - I want to fetch the data inside the span using the parent class 使用iframe内的按钮在iframe外部重新加载div - Using a button inside an iframe to reload a div outside the iframe 如何使用HTML或声明为div的Java脚本单击按钮 - How to click a button using html or java script which is declared as div 使用 Java Script 以 HTML 格式导出 DIV 区域内容 - Exporting DIV area content in HTML using Java Script 将 html 放入 iframe 中(使用 javascript) - putting html inside an iframe (using javascript) 使用Javascript在iframe中加载html页面 - Using Javascript to load an html page inside an iframe
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM