获取查询选择器值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的主要内容,如果未能解决你的问题,请参考以下文章