代码之家 › 专栏 › 技术社区 › Kubi

dom innerhtml复制问题

jquery-ui-accordion dom jquery

Kubi · 技术社区 · 14 年前

function SwapPlans(city, id) {
    var tp = GetTravelPlanById(id);
    var content = MakeHTMLAccordionMe(tp.items[0]);

    document.getElementById(city).innerHTML = " ";
    document.getElementById(city).innerHTML = content.innerHTML;
    document.getElementById(city).outerHTML = " ";
    document.getElementById(city).outerHTML = content.outerHTML;
}

你好,

我对上面的片段有问题。makeAccordionme函数返回我想通过document.getElementByID(city)=值进行更改;但它不会删除第一个div的第一个内容。

dom javascript中有content.clear方法吗?

谢谢

p.s.从document.getelementbyid(city)返回的div是一个jquery accordion div。

1 回复 | 直到 14 年前

Paul de Vrieze 14 年前

在dom中(由浏览器实现,innerhtml直到html5才是标准的,但由所有人实现),设置元素的innerhtml将删除它的所有内容。innerHTML和outerHTML的区别在于,outerHTML包含了标记本身。因此,outerHTML可用于替换标记。由于内容的类型是element,因此无论如何都不希望使用innerHTML,因此需要将其附加到所涉及的DOM元素。

这可能有效:

function SwapPlans(city, id) {
    var tp = GetTravelPlanById(id);
    var content = MakeHTMLAccordionMe(tp.items[0]);
    var city = document.getElementById(city);

    // Remove all children of the div
    while (city.hasChildNodes()) {
        city.removeChild(city.children.item(0));
    }

    // Add a child to the city, making sure that it belongs to this document. Instead
    // of blind importing you might also check it's ownership.
    city.appendChild(city.ownerDocument.importNode(content))

推荐文章

Ezz Deghedy · 如何获取数据和读取响应

1 年前

StuP · 响应式Vue组件在数据更改时不更新

2 年前

burr · 让jQuery选择器识别新添加的DOM元素[关闭]

2 年前

viboven · Javascript DOM未从ID检测到按钮,表示其为null[已关闭]

2 年前

Toufique E Joarder · 将<li>移动到第n个位置并使用JavaScript更改href链接

2 年前

HASEEB ALAM RAFIQ · 如何在react中获取QuerySelector所有html元素?

2 年前

J. Hu · “表单提交已取消,因为表单未连接”[重复]

6 年前

pploypiti · 选择所有其他ID不是“this”的元素。id'

6 年前

xiaolingxiao · 导航到页面后运行javascript

6 年前

Voodoobear · 如何将数字变量插入replaceWith(JavaScript)

6 年前