html5 - Können HTML oder JS .css-Attribute dynamisch ändern?
伊谢尔伦
伊谢尔伦 2017-05-24 11:36:09
0
2
955

Ist es beispielsweise möglich, den Attributwert von *.css oder <style> basierend auf dem Inhalt des Eingabewerts zu ändern?
Zum Beispiel: Verwenden Sie das Tag „input:color“, um den ausgewählten Farbwert abzurufen und die Farbe der Bildlaufleiste zu aktualisieren? (Dies muss einen Selektor verwenden, nicht inline)


Eine Methode, die mir gerade in den Sinn kommt, besteht darin, mit js einen <style> zu erstellen und dann den Inhalt in diesem Tag zu ändern. Sie fragen sich, ob Sie noch weitere Ideen haben?


Ich habe das Gefühl, dass ich es nicht klar beschrieben habe. Der Attributwert des CSS-Stylesheets muss basierend auf dem Wert angegeben werden. Beispiel: Der Benutzer wählt #6ec42a aus, dann wird die Bildlaufleiste zur Farbe #6ec42a. In diesem Fall ist es nicht einfach, CSS-Dateien im Voraus vorzubereiten. Können wir nicht alle Hexadezimalfarben ausschöpfen und unterschiedliche CSS-Dateien erstellen? Aber ich bin sehr dankbar für die Methode, die Sie gerade geteilt haben. Ich weiß das auch nicht, also habe ich es gerade gelernt!

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

Antworte allen(2)
黄舟

写几个不同方案的.css文件,根据情况用js动态加载css文件

phpcn_u1582

例如想基于input输入的value内容改变*.css或者<style>的属性值 是否可实现?
可以用属性选择器替换*.css
例如:$("[href*=aaa.css]").attr({href: 'bbb.css'});

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage