Javascript 文本不'；是否不在DOM对象中显示？_Javascript_Html_Dom_D3.js

Javascript 文本不'；是否不在DOM对象中显示？

javascript html dom d3.js

Javascript 文本不'；是否不在DOM对象中显示？,javascript,html,dom,d3.js,Javascript,Html,Dom,D3.js,我正在尝试用javascript创建一个对象并向其添加文本。我可以将文本添加到svg中，但是当我尝试将其添加到一个圆圈中时，它不会出现这就是我的代码的样子： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"

我正在尝试用javascript创建一个对象并向其添加文本。我可以将文本添加到svg中，但是当我尝试将其添加到一个圆圈中时，它不会出现

这就是我的代码的样子：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>D3 Tutorial</title>
    <script src="http://d3js.org/d3.v3.min.js">  </script>
</head>
<body>
    <script>

        var canvas = d3.select("body")
                    .append("svg")
                    .attr("width", 500)
                    .attr("height", 500);

        var circle = canvas.append("circle")
                        .attr("cx", 400)
                        .attr("cy", 350)
                        .attr("r", 25);

        canvas.append("text")
            .attr("fill", "red")
            .attr("y", 50)
            .text("hello");


        circle.append("text")
                .attr("fill", "red")
                .attr("y", 50)
                .text("hello");

    </script>
</body>
</html>


D3教程
var canvas=d3.选择（“主体”）
.append（“svg”）
.attr（“宽度”，500）
.attr（“高度”，500）；
var circle=canvas.append（“圆”）
.attr（“cx”，400）
.attr（“cy”，350）
.attr（“r”，25）；
canvas.append（“文本”）
.attr（“填充”、“红色”）
.attr（“y”，50）
.text（“你好”）；
圈。追加（“文本”）
.attr（“填充”、“红色”）
.attr（“y”，50）
.text（“你好”）；

它是这样出现的：

SVG必须遵循特定的结构。将

文本

元素附加到

圆

（或

rect

或类似内容）无效，因此不会显示该元素。

SVG必须遵循特定结构。将

文本

元素附加到

圆

（或

rect

或类似内容）无效，因此不会显示该元素。

示例我正在跟随youtube教程，其中用户将文本附加到矩形，这似乎对他有效，但对我无效。src：请注意，我做的是selectAll（“rect”）而不是selectAll（“text”），你说得对。我正在关注youtube教程，其中用户将文本附加到一个矩形，这似乎对他有效，但对我无效。src：请注意，我是在做selectAll（“rect”）而不是selectAll（“text”），你说得对