Question

我正在为 M-Files 创建一个插件。它基于 jquery，浏览器嵌入在 windows 资源管理器窗口中。出于某种原因，我无法更改简单 HTML 元素的样式属性。值发生了变化，但除了文本颜色之外，视图没有反映任何变化。

元素创建

               // Create element for title.
               $("<p class='mf-widget-newobject-title'>" + title + "</p>").appendTo(this.element);
               // Create element for news
               $("<p class='mf-widget-newobject-news'>" + news + "</p>").appendTo(this.element);
               // Create element for standart text
               $("<p class='mf-widget-newobject-standart'>" + standard + "</p>").appendTo(this.element);
               // Create elements for content.
               $("<div id='mainDiv' class='new-section-content'></div>")
                   .append("<ul></ul>")
                   .appendTo(this.element);

这很好用！

风格变化

                var x = document.getElementsByClassName('new-section-content');
                var i;
                for (i = 0; i < x.length; i++) {
                    x[i].style.columncount = columns;
                    alert(x[i].style.columncount);
                }

                var x = document.getElementsByClassName('mf-widget-newobject-title');
                var i;
                for (i = 0; i < x.length; i++) {
                    x[i].style.color = headlineColor;
                    x[i].style.fontsize = headlineSize + "px";
                    alert(x[i].style.fontsize);
                }
                var x = document.getElementsByClassName('mf-widget-newobject-standart');
                var i;
                for (i = 0; i < x.length; i++) {
                    x[i].style.color = standardColor;
                    x[i].style.fontsize = standardSize + "px";
                    alert(x[i].style.fontsize);
                }

然而。 “颜色”改变没有问题。对于 font-size 和 column-count，值发生了变化（Alert 返回正确值），但视图中没有任何反应。

我错过了什么吗？我不是很擅长 javascript，但似乎我一切都正确......

谢谢！

Answer 1

试试 fontSize 和 columnCount。 JavaScript 区分大小写。

M-Files 插件：DOM 样式更改不会按页面反映

1 个答案: