d3.js子选择无法检索输入值文本

Question

为什么d3.js子选择无法检索输入值文本？那么这里有什么解决方法？

问题示例。

  

当您单击按钮Click btnT时，结果文本将等于输入值。当您单击按钮Click btnS时，结果文本为空，而我希望获得与单击按钮Click btnT时相同的效果。

html

<div id="outerDiv">
  <input id="divToTest" />
</div>

<button id="btnT">
Click btnT
</button>

<button id="btnS">
Click btnS
</button>

<div id="resultingText">
  resulting text
</div>

<script src="https://d3js.org/d3.v5.min.js"></script>

js

const resultingText = d3.select("#resultingText");

const btnT = d3.select("#btnT");
btnT
  .on("mousedown", function() {
    resultingText.text(d3.select("#divToTest").node().value);
  });

const btnS = d3.select("#btnS");
btnS
  .on("mousedown", function() {
    resultingText.text(d3.select("#outerDiv").select("#divToTest").value);
  });

js fiddle

我希望能够使用子选择以及普通d3选择从输入中检索值。后者有效，前者无效。