Javascript document.getElementById

Question

我不确定为什么这行不通，有人可以告诉我为什么吗？

var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];

var myName = document.getElementById('mytext');
letterColors = [ red, orange, green, blue, purple ]
if(10 >  3) {
bubbleShape = "circle";
}

else {
    bubbleShape = "square";
}
drawName(myName, letterColors);
bounceBubbles()

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="alphabet.js"></script>
  </head>
  <body>
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src="bubbles.js"></script>
    <script type="text/javascript" src="main.js"></script>
<head>
  Name: <input type="text" name="mytext"><br>
</form>
</head>
<body>
</body>
</html>

我正在尝试获取变量“ myname”作为用户在文本框中键入的内容。

Answer 1

您正在获得对该元素的引用，但随后需要将value属性用于该元素的值：

var myName = document.getElementById('mytext').value;

您需要使用getElementById方法设置元素的ID才能访问它：

<input type="text" name="mytext" id="mytext">

此外，它在JavaScript代码中的代码执行尚不明确，但如果代码是的全部内容alphabet.js ， bubble.js或main.js文件，那么你身体的内容之前运行的代码已解析。 要在加载内容之后运行代码，请使用load事件：

window.onload = function(){

  // code that uses the content goes in here

};

Answer 2

将ID属性设置为您的输入标签

<input type="text" id="mytext" name="mytext">

Answer 3

更改

<input type="text" name="mytext">

至

 <input type="text" name="mytext" id="mytext">

然后使用

var myName = document.getElementById('mytext').value;

就像@Guffaa建议的那样。

Javascript document.getElementById

问题描述

3 个解决方案

解决方案1
1 已采纳 2014-07-03 18:15:25

解决方案2
0 2014-07-03 18:17:24

解决方案3
0 2014-07-03 18:19:43

Javascript document.getElementById

问题描述

3 个解决方案

解决方案1 1 已采纳 2014-07-03 18:15:25

解决方案2 0 2014-07-03 18:17:24

解决方案3 0 2014-07-03 18:19:43

解决方案1
1 已采纳 2014-07-03 18:15:25

解决方案2
0 2014-07-03 18:17:24

解决方案3
0 2014-07-03 18:19:43