有没有一种方法可以使用纯JavaScript而不使用HTML/CSS来设计p5js滑块的样式?

有没有一种方法可以使用纯JavaScript而不使用HTML/CSS来设计p5js滑块的样式?,javascript,slider,p5.js,Javascript,Slider,P5.js,我有一些javascript中的滑块(特别是使用p5.js库),需要添加一些样式(添加标签和着色)。不使用HTML和CSS,是否可以在javascript中执行此操作?p5滑块是,并且可以使用诸如Element.style和Element.class之类的函数设置样式。在这种情况下,您可以直接使用类似于slider.style('background','red')的东西设置滑块的样式 如果你想设计一个伪元素的样式(比如滑块上的实际标签),这看起来有点棘手,尤其是没有CSS。您可以阅读更多有关各

我有一些javascript中的滑块(特别是使用p5.js库),需要添加一些样式(添加标签和着色)。不使用HTML和CSS,是否可以在javascript中执行此操作?

p5滑块是,并且可以使用诸如Element.style和Element.class之类的函数设置样式。在这种情况下,您可以直接使用类似于
slider.style('background','red')的东西设置滑块的样式

如果你想设计一个伪元素的样式(比如滑块上的实际标签),这看起来有点棘手,尤其是没有CSS。您可以阅读更多有关各种方法的信息。如果您想要一个只在JavaScript中运行的解决方案,可以添加一个类,然后动态地将样式表插入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);
参考资料:


我只想在它旁边添加一些文字作为标签!我将如何实现这一点?更重要的是,你的论点是什么?嗨,艾比,我已经更新了我的答案,仅仅写一条评论有点复杂