我正在为 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,但似乎我一切都好...
谢谢!