主页 / 问题 / 760748
Accepted
Tick-Tack
Asked:2020-12-20 07:47:59 +0800 CST2020-12-20 07:47:59 +0800 CST

在 Span 中插入 Html

  • 772

有这个代码：

<span title="Just span elem">
  <i class="logo-icon">
    //some logo
  </i>
  "10.00"
</span>

我需要使用 JS 来更改span. 我这样做：var span = document.getElementsByTagName('span')[1].innerHTML = "11.12";一切正常，但是当我更改值时徽标也会消失。如何更改它以使徽标保持在原位？

javascript

3 个回答

  1. Best Answer

    可能最简单：

    var currentHTML = document.getElementsByTagName('span')[1].innerHTML;
var currentHTML = currentHTML.slice(0,-5);
document.getElementsByTagName('span')[1].innerHTML = currentHTML+"11.12";
    • 2

  2. 操作员+=应该提供帮助，因为它将向元素添加数据，而不是替换它。这个话题的答案已经给出，但我只能建议缩短它的代码：

    document.getElementsByTagName('span')[1].innerHTML += "11.12";

    如果元素内已经有数据，那么您的代码不是最佳的。我建议<span>在给定的块中添加另一个块并直接使用您自己的代码使用它，这比通过在元素中查找图像并将其与标签内容的其余部分分开以仅修复 5 来重新发明轮子更容易人物。

    HTML：

    <span title="Just span elem">
  <i class="logo-icon">
    //some logo
  </i>
  <span id="number">10.00</span>
</span>

    JS：

    document.getElementsById('number').innerHTML = "11.12";
    • 0 
  3. /*
   определяем DOM узел в переменную node
   node.childNodes -- коллекция дочерних элементов узла
   node.childNodes[node.childNodes.length-1] -- последний узел 
   textContent --- строка
*/
var node = document.getElementsByTagName('span')[0]
    node.childNodes[node.childNodes.length-1].textContent = "11.12"
    • 0

相关问题