gpt4 book ai didi

Javascript document.getElementById

转载 作者:行者123 更新时间:2023-12-03 12:18:27 27 4
gpt4 key购买 nike

我不确定为什么这不起作用,有人可以告诉我为什么吗?

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”成为用户在文本框中键入的内容。

最佳答案

您正在获取对该元素的引用,但是您需要使用该元素的值的 value 属性:

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

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

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

另外,目前还不清楚Javascript代码在代码中的什么位置执行,但是如果代码是alphabet.jsbubble.js或者main.js 文件,那么您将在解析正文内容之前运行代码。要在加载内容后运行代码,请使用 load 事件:

window.onload = function(){

// code that uses the content goes in here

};

关于Javascript document.getElementById,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24560655/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com