首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >一个文档片段可以多次使用吗

一个文档片段可以多次使用吗
EN

Stack Overflow用户
提问于 2011-08-17 23:48:46
回答 3查看 526关注 0票数 4

我想知道是否可以使用单个文档片断在DOM中插入多个片断,还是必须为每个要插入的元素创建新的片断。

我可以做下面的例子吗:

代码语言:javascript
运行
复制
var frag = document.createDocumentFragment(),
    div = document.createElement('div'),
    section = document.createElement('section'),
    header = document.createElement('header'),
    divFrag = frag.appendChild(div),
    sectionFrag = frag.appendChild(section),
    headFrag = frag.appendChild(header);

非常感谢

EN

Stack Overflow用户

回答已采纳

发布于 2011-08-17 23:52:49

只需注意一下代码:appendChild返回插入的DOM元素,因此:

代码语言:javascript
运行
复制
divFrag = frag.appendChild(div)

将返回div。即div === divFrag

要回答您的问题,您可以重用文档片段。

例如,如果您想要将所有元素附加到<body>,您可以这样做:

代码语言:javascript
运行
复制
frag.appendChild(div);
frag.appendChild(section);
frag.appendChild(header);

document.body.appendChild(frag); // append all three elems at once to the body

// frag is now an empty fragment, ready for re-use
票数 3
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7095723

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档