sadet48 - d3js attr metodu

d3.js Dersleri

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>d3.js Dersleri</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
<style type="text/css" media="screen">
*{margin: 0;padding: 0}
body {background: #ffffff;font-family: TTKB Dik Temel Abece;}
header h1 {padding: 7px;text-align: center;}
main {background: #FFFFFF;}
main h1 {font-size: 18px;padding: 7px;text-align: center;}
main h2 {font-size: 16px;padding: 7px 10px 3px 10px;}
main p {font-size: 14px;padding: 7px 10px 3px 10px;}
svg {border: 1px solid #ddd;margin: 5px;}
</style>
</head>
<body>
<header></header>
<main></main>
<script>
var baslik = "d3js Dersleri",
    alt_baslik= "attr method";
d3.select("body")
  .append("header")
  .append("h1")
  .attr('id', 'b1')
  .attr('style', 'color:red;background:#ffff00;font-size:22px')
  .text(baslik) 
d3.select("body") 
  .append("main")
  .append("h2")
  .attr('class', 'yazi')
  .attr('style', 'color:blue')
  .text(alt_baslik)
d3.select("main")
  .append("p")
  .text("Hello World!")
</script>
</body>
</html>