d3js 获取元素以及设置属性

Posted web前端开发技术

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了d3js 获取元素以及设置属性相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>D3JS 获取元素以及添加属性</title>
</head>
<body>
    <p>Hello World 1</p>
    <p>Hello World 2</p>
    <script src="https://cdn.bootcss.com/d3/4.13.0/d3.min.js" charset="utf-8"></script>
    <script type="text/javascript">
        d3.select("body").selectAll("p").text("mfg").style("color","red"); 
    </script>
</body>
</html>

 说明:

var p1 = body.select("p");

p1.style("color","red");
是选择第一个p

 

以上是关于d3js 获取元素以及设置属性的主要内容,如果未能解决你的问题,请参考以下文章

jQuery操作元素属性操作样式操作样式类操作HTML代码以及其他操作 [学完你还不会吗]

jquery - 设置/获取内容和属性

easyUI validatebox设置值和获取值,以及属性和方法

html页面中,怎么在html元素中引用js设置的参数?

JavaScript 获取元素样式属性以及兼容代码封装

attr()prop()css() 的区别