javascript 获取span子元素的innerHTML并按id插入

hujrc8aj 于 2023-05-16 发布在 Java

关注(0)|答案(2)|浏览(159)

我有下面的代码示例，希望提取span元素“（2）”的内容，并使用JavaScript将其插入到元素ID中。下面是HTML代码示例：

function countTest() {
  let span = getElementById("spanID").getElementsByTagName('span')[0].innerHTML
  document.getElementById("placeSpanVAR").innerHTML = span;
}

<script src="countTest.js"></script>

<tbody id="spanID">
  <tr>
    <td colspan="100" nowrap="nowrap" class="ms-gb">
      <a href="javascript:" onclick=""></a>
      <span>(2)</span>
    </td>
  </tr>
</tbody>
<br>
<p id="placeSpanVAR"></p>

<body onload="countTest()">

有人能帮助我理解为什么这不起作用，也许什么可能？

JavaScript

来源：https://stackoverflow.com/questions/76237905/getting-innerhtml-of-a-span-child-element-and-inserting-by-id

2条答案

按热度按时间

b4lqfgs41#

首先，getElementById是属于文档对象的方法。因此，您需要执行document.getElementById()或document.getElementsByTagName()才能使其工作。
如果你想提取跨度的内容，我会建议这样做，使它更容易。
1.给予要从“id”中提取内容的范围。所以你可以用最简单的方式查询它<span id="theSpan">2</span>
1.查询span，并查询要在其上插入html的p标记。const spanTag = document.getElementById("theSpan").innerHTML和let pTag = document.getElementById("placeSpanVAR")
1.然后只需将spanTag的HTML内容分配给pTag `pTag = span
我给你留了一个片段，它的工作！祝你愉快

const spanContent = document.getElementById("theSpan").innerHTML
let p = document.getElementById("placeSpanVAR")
p = spanContent
console.log(p)

<tbody id="spanID">
    <tr>
        <td colspan="100" nowrap="nowrap" class="ms-gb">
            <a href="javascript:" onclick=""></a>
                <span id="theSpan">(2)</span>
        </td>
    </tr>
</tbody>
<br>
    <p id="placeSpanVAR"></p>

”

赞(0）回复(0）举报 2023-05-16

b1zrtrql2#

代码中有一些错误。下面是更新后的代码。试试这个：

function countTest() {
  let span = document.getElementById("spanID").getElementsByTagName("span")[0].innerHTML;
  document.getElementById("placeSpanVAR").innerHTML = span;
}

<script src="countTest.js"></script>
<body onload="countTest()">
<table>
<tbody id="spanID">
  <tr>
    <td colspan="100" nowrap="nowrap" class="ms-gb">
      <a href="javascript:" onclick=""></a>
      <span>(2)</span>
    </td>
  </tr>
</tbody>
</table>
<br>
<p id="placeSpanVAR"></p>

</body>

请记住，getElementById或getElementsByTagName是document接口的方法。你必须写文件。用这些方法。

赞(0）回复(0）举报 2023-05-16

我来回答

javascript 获取span子元素的innerHTML并按id插入

2条答案

相关问题

热门标签

最新问答