首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >有没有一种方法可以使用纯JavaScript而不使用HTML/CSS来设置p5js滑块的样式?

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

Stack Overflow用户
提问于 2018-06-10 02:22:34
回答 1查看 2.5K关注 0票数 1

我在javascript中有几个滑块(特别是使用p5.js库),需要添加一些样式(添加标签和着色)。有没有可能在javascript中做到这一点,而不使用HTML和CSS?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 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元素,然后将元素组合在一起。因此,如果你想在左边有一个标签,你可以这样做:

代码语言:javascript
复制
label = createDiv('Red');
label.position(30, 30);  
slider = createSlider(0, 255, 100);
slider.parent(label);

如果你想把标签放在右边,那就有点麻烦了:

代码语言:javascript
复制
group = createDiv('');
group.position(30, 30);  
slider = createSlider(0, 255, 100);
slider.parent(group);
label = createSpan('Red');
label.parent(group);

参考文献:

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50777290

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档