d3.js 如何使用D3选择带有数值id的DOM元素

qvk1mo1f 于 2022-11-12 发布在其他

关注(0)|答案(3)|浏览(136)

众人：
我想知道如何在D3中选择id=“1”的DIV元素，我可以在jQuery中完成，但是当我转到D3时，它会给出如下错误：
未捕获的DOM异常：无法在“文档”上执行“querySelector”：'div.chart#1'不是有效的选择器

<div id="1"></div>

谢谢

3条答案

id TAG必须以字母开头，但您可以使用以下格式：

d3.select('[id="1"]').append("div");

我遇到了一个情况，尝试使用d3按id选择元素失败，并显示错误：
Uncaught DOMException: Document.querySelector: 'obj_id' is not a valid selector .
我的工作是定义函数

const d3Select = (id) => d3.select(document.getElementById(id))

用法示例：

const dom = d3Select('obj_id')
   .attr('class','warning')

而且它工作得很好

如果您给了它一个ID，您可以直接通过ID选择它。您不需要在选择器中指定div。

d3.select('#1')
.foo()