Javascript 从mathjax纸张输入对象提取输入值
我试图读取用户输入到聚合物纸张输入对象中的值。但是,这是一个自定义对象,如下所示:Javascript 从mathjax纸张输入对象提取输入值,javascript,html,polymer,mathjax,Javascript,Html,Polymer,Mathjax,我试图读取用户输入到聚合物纸张输入对象中的值。但是,这是一个自定义对象,如下所示: <dom-module id="mathjax-input"> <template> <paper-input on-input="handleInputChanged" label="{{ label }}" value="{{ formula }}"> </paper-input> </template> 这是为了显示将用户输入翻
<dom-module id="mathjax-input">
<template>
<paper-input on-input="handleInputChanged" label="{{ label }}" value="{{ formula }}">
</paper-input>
</template>
这是为了显示将用户输入翻译成等价的LaTeX结果(如果是LaTeX代码中的)。以下是输入框:
<div>
<mathjax-input id="formula" label="Enter formula: " ></mathjax-input>
</div>
现在假设表单的“onsubmit”事件调用以下函数:
<script>
function copy_latex(){
var input = document.getElementById('formula').value
return true;
}
</script>
函数copy_latex(){
var input=document.getElementById('formula')。值
返回true;
}
变量“input”现在应该得到用户键入的内容。但这不起作用。你能帮我找到错误吗?
-谢谢 通过以下方式解决:
var input = document.querySelector('#formula').formula;
非常感谢 *假设在第一个纸张输入定义中定义了属性,但为了简短起见,我没有包含它们。第一个问题是,您试图从
mathjax input
元素中读取value
属性,该元素不存在(至少不在模板中)。如果在copy\u latex()
中将.value
更改为.formula
,它将返回纸张输入的值。请注意,很少需要像这样从元素中获取值。我认为您应该探索Polymer的数据绑定特性,以帮助最小化此类代码。