我在javascript中有几个滑块(特别是使用p5.js库),需要添加一些样式(添加标签和着色)。有没有可能在javascript中做到这一点,而不使用HTML和CSS?
发布于 2018-06-10 22:27:15
p5滑块是p5 Elements,可以使用Element.style和Element.class等函数设置样式。在这种情况下,您可以使用类似于slider.style('background', 'red');
的样式直接设置滑块的样式
如果你想设置一个伪元素的样式(比如滑块上的实际标签),这看起来有点棘手,特别是没有CSS的时候。您可以阅读有关各种方法here的更多信息。如果您想要一个只在JavaScript中运行的解决方案,您可以添加一个类,然后按照this answer将样式表动态插入到DOM中。
编辑:添加标签
p5.dom似乎没有创建label
元素的函数,但是您可以使用createDiv
创建div
元素,然后将元素组合在一起。因此,如果你想在左边有一个标签,你可以这样做:
label = createDiv('Red');
label.position(30, 30);
slider = createSlider(0, 255, 100);
slider.parent(label);
如果你想把标签放在右边,那就有点麻烦了:
group = createDiv('');
group.position(30, 30);
slider = createSlider(0, 255, 100);
slider.parent(group);
label = createSpan('Red');
label.parent(group);
参考文献:
https://stackoverflow.com/questions/50777290
复制相似问题