javascript - 使用js更改css的Polymer方式

标签 javascript html css polymer polymer-3.x

我来自 angularreact 背景开始使用 polymer

我有一个 polymer 类可以说 myClass 有这个模板。

<div  id="[[x]]">

这里的 x 是属性 getter 中定义的属性。

  static get properties() {
    return {      
      x: {
        type: Number,
        value: 200
      },
}

在这里,如果我使用 chrome 开发工具控制台动态设置 x 的值,比如 myClass.x = '5' 它工作正常并且输出将是。

<div  id="5">

其他 html 属性也是如此

   <div  width="[[x]]">
   <div  height="[[x]]">

但现在考虑一个案例场景,我想以与我对 id、width、高度 我如何在 Polymer 中做到这一点?

angular 中我们可以做到这一点。

<div [style.marginTop.px]="marginTop">

让我知道您做事时的想法。

最佳答案

我明白了,可以通过做这样的事情来实现。

<div style$="margin:{{ x }}px;">

关于javascript - 使用js更改css的Polymer方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57905690/

相关文章:

html - Bootstrap 网格系统是否与导航栏一起使用?

javascript - 在具有相同类的 div 上调用 javascript 函数

HTML 文本区域水平滚动

php - 如何在表单中提交div

javascript - BigText 的垂直间距(行高)

html - Internet Explorer 9 无法正确显示文本

javascript - Firefox 中断词的解决方法

html - CSS 移动定义不适用?

JavaScript 代码问题 : I am converting object to array

javascript - IOS上的语音转文字,文字转语音,音频-如何使其正常工作