文章/答案/技术大牛

发布

社区首页 >问答首页 >当替换js中的元素时，HTMLCollection会显示吗？

问当替换js中的元素时，HTMLCollection会显示吗？
EN

Stack Overflow用户

提问于 2020-07-17 12:29:39

回答 1查看 359关注 0票数 0

我正在尝试将Html(Div)替换为Text元素，我首先创建了这里可以看到的条件

<!-- Replace Text Here-->
<h6 class="idk1"> Replace This  </h6>
<!-- Main Column -->

<div class="js-cp-main-wrp">
<div class="support-2">
<html>stuff here</html>
</div>
<div class="end-cp-wrp">
<html>stuff here</html>
<html>stuff here</html>
<html>stuff here</html>

</div>
</div>

Js脚本

    var woahtikcets = document.getElementsByClassName('js-cp-main-wrp');
    const loadthetickets = document.getElementsByClassName('idk1');

运行这个

loadthetickets.replaceWith(woahtikcets)

它给我看对象HTMLCollection？

这个方法不起作用--它把它看作是未定义的？请帮助<3

 const loadthetickets = document.getElementsByClassName('idk1')[0];

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-17 13:41:51

我一点也不确定你的意图是什么，但是<html>不仅仅是一些标签。它必须是外部标记(文档的根)，因此只能在文档中出现一次。因此，如果将<html>元素替换为其他(合法)实体(如<span> )，您很可能会得到一些结果，如下所示：

 const woahtikcets = document.querySelectorAll('.js-cp-main-wrp span'),
       newtext = document.getElementsByClassName('idk1')[0].textContent;

for (var el of woahtikcets){el.textContent=newtext}

<!-- Replace Text Here-->
<h6 class="idk1"> Replace This  </h6>
<!-- Main Column -->

<div class="js-cp-main-wrp">
<div class="support-2">
<span>stuff here</span>
</div>
<div class="end-cp-wrp">
<span>stuff here</span>
<span>stuff here</span>
<span>stuff here</span>

</div>
</div>

如果您希望替换操作朝着相反的方向工作，您可以执行以下操作：

const newtext = document.querySelectorAll('.js-cp-main-wrp')[0].textContent,
      heading = document.getElementsByClassName('idk1');

for (var el of heading){el.textContent=newtext}

<!-- Replace Text Here-->
<h6 class="idk1"> Replace This  </h6>
<!-- Main Column -->

<div class="js-cp-main-wrp">
<div class="support-2">
<span>stuff here</span>
</div>
<div class="end-cp-wrp">
<span>stuff here</span>
<span>stuff here</span>
<span>stuff here</span>

</div>
</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62954001

复制

相似问题

问当替换js中的元素时，HTMLCollection会显示吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当替换js中的元素时，HTMLCollection会显示吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当替换js中的元素时，HTMLCollection会显示吗？
EN