Изменить текст кнопки с помощью D3js

Question

Я новичок в D3, я пробую различные материалы для изучения библиотеки. У меня есть следующие button и я хочу, чтобы изменить его текст:

<button id="showhide" onclick="myFunction()">Show me the graph</button> 

Я пробовал различные вещи, как:

d3.select("showhide").html("asdsa"); 

d3.select("showhide").innerHTML("asdsa"); 

d3.select("showhide").text("asdsa"); 

, но ни один из них не работает. Я знаю, как это сделать с помощью DOM или jQuery, мне интересно, как это сделать с помощью D3js.

Answer 1

Поскольку вы пытаетесь выбрать button используя свой ID, вы должны предварять '#' к вашему селектору:

d3.select("#showhide").text("asdsa"); 

Если вы не хотите, вы можете использовать D3, чтобы добавить прослушиватель события к button , например

d3.select("#showhide").on("click", function(){ 
    d3.select(this).text("asdsa"); 
}); 

См. Демонстрационную версию JSfiddle here.