获取查询选择器值d3.js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取查询选择器值d3.js相关的知识,希望对你有一定的参考价值。

我是d3js的新手。我试图从第二个输入元素获取查询值,我不知道如何去做。

 <div id="rxn-input" style="position: absolute; left: 20px; top: 464px; display: block;">
  <div style="position: relative; outline: 0px; border: 0px; margin: 0px; padding: 0px;">
    <div style="position: absolute; outline: 0px; margin: 0px; padding: 0px; border: 0px; font-size: 13px; font-family: sans-serif; color: rgb(51, 51, 51); background: transparent; top: 0px; left: 0px; overflow: hidden; visibility: visible;"></div>

    <input type="text" spellcheck="false" style="font-size: 13px; font-family: sans-serif; color: rgb(170, 170, 170); background-color: rgb(238, 238, 238); width: 100%; outline: 0px; border: 0px transparent; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; box-shadow: none;">

    <input type="text" spellcheck="false" style="font-size: 13px; font-family: sans-serif; color: rgb(51, 51, 51); background-color: transparent; width: 100%; outline: 0px; border: 0px; margin: 0px; padding: 0px; vertical-align: top; position: relative;">
    <div style="position: absolute; visibility: visible; outline: 0px; margin: 0px; padding: 0px; text-align: left; font-size: 13px; font-family: sans-serif; background-color: rgb(238, 238, 238); z-index: 100; cursor: default; border-style: solid; border-width: 1px; border-color: rgb(170, 170, 170); overflow-x: hidden; white-space: pre; overflow-y: scroll; left: 0px; top: 100%; max-height: 443.016px;">
      <div id="5MTHFt" style="color: rgb(51, 51, 51); background-color: rgb(221, 221, 221);"><b>5MTHFt</b> 5mthf_e ↔ 5mthf_c</div>
      <div id="EX_fol_e" style="color: rgb(51, 51, 51);"><b>EX_fol_e</b> fol_e ↔ <b></b></div>
      <div id="FOLR2" style="color: rgb(51, 51, 51);"><b>FOLR2</b> fol_c + nadph_c → dhf_c + nadp_c</div>
      <div id="FOLt2" style="color: rgb(51, 51, 51);"><b>FOLt2</b> fol_e + oh1_c ↔ fol_c + oh1_e</div>
    </div>
  </div>
  <button class="button input-close-button">×</button>
</div>

以下是我获得价值的尝试:

  console.log("VALUE:"+document.querySelector("#rxn-input input")[1].value);

但是,我得到一个空白值。任何帮助深表感谢。

答案

如果你知道输入将永远是第二个孩子,你可以这样:

const input = d3.select('input:nth-child(2)');
console.log(input.property('value'));

以上是关于获取查询选择器值d3.js的主要内容,如果未能解决你的问题,请参考以下文章

将微调器值从片段传递到活动

如何从 iOS 中的操作表中获取选择器值?

使用 jQueryUI 获取日期选择器值

html D3byEX 9.6:甜甜圈片段(改编自D3.js v4)

选择器值到 tableView swift

当我更改其中一个时,为啥所有日期选择器值都变为空?