隐藏html文本节点,javascript-D3-仅显示/隐藏单击节点的文本

我试图单击显示/隐藏D3中节点的文本.我尝试使用以下代码：

var node = svg.selectAll(".node")

.data(json.nodes)

(...)

node.on("click", function() {

if (textShowing) {

node.select("text").style("visibility", "hidden");

} else {

node.select("text").style("visibility", "visible");

}

textShowing = !textShowing;

});

该代码将导致所有节点的text属性在单击任何一个节点时显示/消失.

如何影响仅单击节点的text属性？

解决方法:

节点是包含所有组的选择(我想它们是组,因为您没有复制/粘贴整个选择).

如果只想在被单击的组中执行任何操作,则必须使用d3.select(this)进行选择,它会选择当前(在您的情况下为被单击的)DOM元素.

因此,代替：

node.select("text")

它应该是：

d3.select(this).select("text")

标签：d3-js,javascript

来源： https://codeday.me/bug/20191111/2019278.html

隐藏html文本节点,javascript-D3-仅显示/隐藏单击节点的文本相关推荐

html输入密码自动隐藏,原生js实现密码输入框值的显示隐藏
本文实例为大家分享了js显示隐藏密码输入框值的具体代码,供大家参考,具体内容如下直接贴上代码 password intput demo body{ margin:0px; background-co ...
html保留数据库文本格式,以html格式显示数据库中的格式化文本（FLASK应用程序）...
我目前正在构建一个菜谱应用程序,用户可以创建自己的菜谱,这些菜谱存储在数据库中.用户可以在文本区域中输入配方成分和说明.你知道吗 placeholder="Type hier al de i ...
echarts折线图实现滑动平移，横坐标过多时隐藏部分横坐标，通过滑动平移显示隐藏的部分
这个是HTML的实例,还没做成组件 <!--THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/edi ...
input如何显示密码隐藏密码，点击小眼睛显示隐藏密码
目录一.如何单纯的在密码框显示密码二.如何在密码框里面显示并可以隐藏密码三.代码展示四.结果展示一.如何单纯的在密码框显示密码单纯显示密码可以吧type里面的值改成text,如果要隐藏 ...
html显示隐藏密码,Web前端，登录密码显示隐藏眼睛
html Login
如何使用 JavaScript 显示/隐藏或切换 DIV 元素
在 jQuery 中,您可以使用 .toggle() 方法来切换元素,任何元素.但是,如果您正在寻找纯 JavaScript 解决方案,那么这里就是.我在这里分享一个简单的代码,它展示了使用 Java ...
UE4-（蓝图）第十五课平视显示器（程序设置HUD显示内容并控制HUD显示隐藏）
实现从外部设置Text显示文本,要用到绑定功能. 一.从外部设置Text显示文本 1.在HUDWidget1的控件蓝图编辑器中,选中放置的Text,在细节中找到Content下的Text属性,右侧显示 ...
linux看不到隐藏的文件夹,【终极】文件夹隐藏方法,彻底隐藏文件夹的方法！显示隐藏的文件也看不到...
每个人电脑里面都有些秘密,但是别人需要使用你的电脑时,有可能会看到,但是我们又不想让别人发现时,我们可以将其隐藏,那么别人就不会看到了.但是现在一般的隐藏文件夹的方法都太低端了.根本起不到什么作用. ...
Android 用显示隐藏完成fragment切换
实现fragment的方法有很多,例如FragmentTabHost,replace,实现fragment切换,今天我为大家介绍一个显示隐藏的方法. 这个就是实现显示隐藏的运行类,简单方便,不会出现切 ...
chrome怎么隐藏浏览器_如何使用Google Chrome的隐藏阅读器模式
chrome怎么隐藏浏览器 Chrome 75 has a hidden "Reader" mode that strips web pages down to the bare ...

隐藏html文本节点,javascript-D3-仅显示/隐藏单击节点的文本

隐藏html文本节点,javascript-D3-仅显示/隐藏单击节点的文本相关推荐

最新文章

热门文章