D3.js的第一个hello world程序
2018-03-03 11:24
288 查看
html中输出hello world
2.JavaScript来更改hello world
3、利用D3.js来更改hello world
涉及到的两个概念
选择集
d3.select()或者d3.selectAll()返回的对象就是一个选择集
链式语法
D3能够不断的调用函数,JQuery也是类似的哦
<html> <head> <meta charset="utf-8"> <title>HelloWorld</title> </head> <body> <p>Hello World 1</p> <p>Hello World 2</p> </body> </html>
2.JavaScript来更改hello world
<html> <head> <meta charset="utf-8"> <title>hello world</title> </head> <body> <p>hello world 1</p> <p>hollo world 2</p> <script> var ps=document.getElementsByTagName("p"); console.log(ps); console.log(typeof(ps)); for(let i=0;i<ps.length;i++){ let p=ps[i]; p.innerHTML="I like dog "+i; } </script> </body> </html>
3、利用D3.js来更改hello world
<html> <head> <meta charset="utf-8"> 4000 ; <title>hello world</title> </head> <body> <p>hello world 1</p> <p>hollo world 2</p> <script src="http://d3js.org/d3.v3.min.js"></script> <script> d3.select("body").selectAll("p").text("I like the D3.js") </script> </body> </html>
涉及到的两个概念
选择集
d3.select()或者d3.selectAll()返回的对象就是一个选择集
链式语法
D3能够不断的调用函数,JQuery也是类似的哦
相关文章推荐
- nodejs:在windows系统中安装node.js 及第一个程序Hello World
- node.js入门(二) 第一个程序 Hello World
- 第一个Node.js程序——Hello World
- vue.js 第一个程序——Hello World
- Qt on Android---第一个程序Hello World
- 我的第一个JS程序(像C/C++的程序)。。发来纪念一下
- Android adt bundle 开发环境配置及第一个“Hello world”程序运行
- 2,Qt第一个程序(Hello World!)
- 【Android开发】Android开发环境搭建----第一个Android程序Hello World(中)
- silverlight的第一个程序hello world.
- Node.js入门,第一个APP,Hello World
- android下第一个程序,Hello World
- 我的第一个JS/CSS程序
- JavaScript二(第一个js程序)
- torch+lua 编辑第一个程序 hello world
- {welcome to JS} 第一个web程序
- 用Lazarus编写第一个程序Pascal版的hello world
- ROS Learning-017 Arduino-For-ROS-002 第一个程序: Hello World
- Nginx学习之一-第一个程序Hello World
- 第一个C#程序Hello World