我想知道如何将innerHTML字符串提升到元素中的特定元素.

Example :

<div id="common-name">
        <p id="P1">This is a paragraph 1.</p>
        <p id="P2" >This is a paragraph 2 .</p>
        <p id="P3">This is a paragraph 3.</p>
</div>

假设我们希望它一直到元素id: P2,那么作为string的输出将如下所示:

<div id="common-name"><p id="P1">This is a paragraph 1.</p>

(此外,如果存在任何实现,如果元素没有ID,而是将引用作为JavaScript中的对象,那么是否可以这样做?

[EDIT]个 我在这里试图解决的问题是,假设我有#p3作为对象的元素和div容器,现在我希望将innerHTML提升到#p2元素.如果事情安排得像p1-&gt;p2-&gt;p3那样整齐,@Jerico的答案将会奏效,但如果顺序互换,可能就不会奏效.有什么办法可以解决这个问题吗?

我try 将innerHTML个内容作为字符串,但不知道如何获取元素后面的其余文本,以便从原始字符串中减go 它以获得相同的输出.

推荐答案

var container = document.getElementById('common-name'); var targetElement = document.querySelector('#common-name #P2'); var innerHTMLString = '' ; for (var i = 0; i < container.children.length; i++) { innerHTMLString += container.children[i].outerHTML; if (container.children[i] === targetElement) break; } console.log(innerHTMLString);

Javascript相关问答推荐

成帧器运动中的运动组件为何以收件箱开始?

Redux工具包查询(RTKQ)端点无效并重新验证多次触发

提交表格后保留Web表格中的收件箱值?

未捕获错误:在注销后重定向到/login页面时找不到匹配的路由

在使用HighChats时如何避免Datatables重新初始化错误?

如何在ASP.NET中使用Google Charts API JavaScript将条形图标签显示为绝对值而不是负值

如何修复我的数据表,以使stateSave正常工作?

映射类型定义,其中值对应于键

未加载css colored颜色 ,无法将div设置为可见和不可见

以编程方式聚焦的链接将被聚焦,但样式不适用

如何在FastAPI中为通过file:/URL加载的本地HTML文件启用CORS?

用于部分字符串的JavaScript数组搜索

在GraphQL解析器中修改上下文值

JAVASCRIPT SWITCH CASE语句:当表达式为';ALL';

AG-GRIDreact 显示布尔值而不是复选框

如何使用puppeteer操作所有选项

谷歌饼图3D切片

如何在加载页面时使锚定标记成为焦点

如何在preLoad()中自定义p5.js默认加载动画?

JavaScript structuredClone在Chrome/Edge中获得了非法调用,但在NodeJS中没有