javascript - 如何在选择语句中使用类名和ID？

我想选择此元素。

<g class="bar" transform="translate(0,311)" id="Vivint"><rect height="23" width="44.269034090909095"></rect><text x="10" y="16.5" style="fill: white;">Vivint</text></g>

我正在尝试，但是没有用。

  svg.select('.bar #Vivint')
  .text('goober')

最佳答案

不要在class和id之间添加空格：.class＃id

d3.select('.bar#Vivint')
  .text('goober')

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<g class="bar" transform="translate(0,311)" id="Vivint"><rect height="23" width="44.269034090909095"></rect><text x="10" y="16.5" style="fill: white;">Vivint</text></g>