Insert text in a table cell with d3

Question

How can I add text to a cell using d3?

I have a function with the code that needs to be added and I'm calling this in the body of the html page. I have the following code as an example but it doesn't seem to be working.

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href ="styles.css">
<script type="text/javascript" src="http://d3js.org/d3.v4.min.js"></script>
<script type="text/javascript">
    function t1(){
    d3.select("td#target").text("14");
    }
</script>
</head>
<body onload="t1()">
  <table>
      <tr>
        <th>Name</th>
        <th>Surname</th> 
        <th>Age</th>
      </tr>
      <tr>
        <td>Tom</td>
        <td>Smith</td> 
        <td is="target"> </td>
      </tr>
  </table>
</body>
</html>

Any ideas on how to make this work.

Answer 1

It is a small mistake..

change <td is="target"> into <td id="target">

Answer 2

I found the solution. I figured out I had just a typo

<td is="target"> </td>

Should be

<td id="target"> </td>

Insert text in a table cell with d3

Question

2 answers

solution1
1 ACCPTED 2016-12-08 08:56:30

solution2
0 2016-12-08 08:53:17

Insert text in a table cell with d3

Question

2 answers

solution1 1 ACCPTED 2016-12-08 08:56:30

solution2 0 2016-12-08 08:53:17

solution1
1 ACCPTED 2016-12-08 08:56:30

solution2
0 2016-12-08 08:53:17