设置为HTML对象的Javascript变量始终返回null

我需要根据用户输入显示一个对话框，我正在实现Zebra对话框插件来帮助实现这一点

我可以在用户单击按钮时显示一个通用对话框，但无论我做什么，我都无法让Javascript看到HTML文本框，更不用说其中的数据了

我已经为此创建了一个测试页面。见下文

以下是HTML/PHP代码（index.PHP）：

---

元素是一个输入，因此innerText无法工作

而不是

var myInputElement = document.getElementById("myTyping"),    
    myInput = myInputElement.innerText;

试一试

或者干脆

var myInput = document.getElementById("myTyping").value;   

查看输入文本对象属性

使用jQuery：

$（文档）.ready（函数（）{
//单击按钮时显示对话框
$（“#单击”）.bind（'click'，函数（e）{
e、 预防默认值（）；
$.Zebra_对话框（'这是您键入的：'+$（“#myTyping”）.val（））；
});
});

测试我的对话框和警报
键入您想要的任何内容：
单击此处显示警报并查看您键入的内容。
也感谢您的见解！
var myInputElement = document.getElementById("myTyping"),    
    myInput = myInputElement.innerText;

var myInputElement = document.getElementById("myTyping"),    
        myInput = myInputElement.value;

var myInput = document.getElementById("myTyping").value;