获取样式

获取/设置样式

obj.style(name,[value])实质style里面是个json

obj.style({width:200,height:300px})
<!DOCTYPE html>
<html>
<head>
    <title>d3</title>
    <meta charset="utf-8">
    <script src='node_modules/d3/d3.min.js'></script>
    <style type="text/css">
        .box p{
            width: 100px;
            height: 100px;
            background: red;
        }
    </style>
    <script type="text/javascript">
        window.onload=()=>{
            alert(d3.selectAll('p').style('width')) //100px
           d3.selectAll('p').style('width','300px')
           
        }
    </script>
</head>
<body>
<div class="box">
    <p>1111</p>
    <p>2222</p>
</div>
</body>
</html>

注意json中key/value要打引号

window.onload=()=>{
            alert(d3.selectAll('p').style('width')) //100px
           d3.selectAll('p').style({
            'background':'blue',
            'width':'500px'
           })

        }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139
  • 常见兼容 IE、 FF、 Google Chrome 官网地址:http://www.bjtces.com 导读:...
    时创优服阅读 144评论 0 1
  • 设置 获取元素的中的文本:text():方法获取文本时不需要参数。只能获取文本,获取不到文本中包含的标签设置文本时...
    爱琴宝阅读 3,457评论 0 0
  • 打开APP学英语,不到十分钟,意识到自己的心不在焉,不想理会这份心不在焉,于是硬着头皮继续复听,几分钟后还是不得不...
    践行哲阅读 317评论 3 2
  • 你站着 看着远远的天空 你思索 如何窜出拥挤人群 你在哪 凝视着地上的月光 你突然惊醒了
    文活阅读 94评论 0 0