javascript - 更改 DIV 宽度 JavaScript 的名称

Question

我正在使用以下代码:

... 
<div id="divcontainer1">
    ...
    <div id="divcontainer2">
          ...
    </div>
</div>
...

现在，我想稍后在 Div“divcontainer3”中更改“divcontainer2”。

检查 divcontainer2 是否存在的正确方法是什么，如果为真， divcontainer2 宽度 javascript 的变化？

谢谢， 哈迪

Answer 1

这可能不是嵌套做法，但您可以通过更改元素的 .outterHTML 来实现。您可能希望对此进行改进，但这是一个简单的示例。最后一行检查 div 2 是否存在。

        var div2 = document.getElementById("div2");
        var html = div2.outerHTML;
        var idx = html.indexOf(">");
        var newtag = html.substring(0, idx).replace("div2", "div3");
        div2.outerHTML = newtag + html.substring(idx, html.length - 1);
        var contents = document.getElementById("div3").innerHTML;


        alert(document.getElementById("div2") != undefined);

你要做的就是

1. 获取元素.outterHTML
2. 获取代表标签的子字符串。
3. 替换定义它的文本
4. 将 .outterHTML 标签设置为我们的新字符串

现在您有了一个新命名的 div，它保留了它的所有属性、在父级中的位置和内容。

警报行是您检查对象是否存在的方式。