主页 / 问题 / 887425
Accepted
alex-rudenkiy
Asked:2020-10-01 00:19:08 +0800 CST2020-10-01 00:19:08 +0800 CST

动态添加Node时，没有样式

  • 772

请告诉我，当动态添加节点时，它上面没有样式，更准确地说，它们在代码检查器中，但不在样式检查器和屏幕本身中时该怎么办？

var newNode='<div class="list col-sm" style="border: black;border-style: dashed;border-width: 1px;background-color: #00000012;"> My DIV </div>';
var parser = new DOMParser();
doc = parser.parseFromString(newNode, "text/xml").documentElement;

var stack = document.getElementById('lol');
//stack.insertAdjacentElement('beforeEnd', doc);
stack.appendChild(doc);

我试图强制重绘，但唉：

    function Force(){
        var element=$('#myfrm')
        var disp = element[0].style.display;
        element[0].style.display = 'none';
        var trick = element[0].offsetHeight;
        element[0].style.display = disp;
    }
javascript

1 个回答

  1. Best Answer

    您使用“text/xml”标志解析了字符串，但在这种情况下，必须使用“text/html”标志 

    var newNode='<div class="list col-sm" style="border: black;border-style: dashed;border-width: 1px;background-color: #00000012;"> My DIV </div>';
var parser = new DOMParser();
let doc = parser.parseFromString(newNode, "text/html").documentElement
var stack = document.getElementById('lol');
stack.appendChild(doc);
    <div id="lol"></div>

    • 0

相关问题