gpt4 book ai didi

Javascript 不会将信息从 html 传递到函数中

转载 作者:太空狗 更新时间:2023-10-29 13:45:18 25 4
gpt4 key购买 nike

好的,这对 Javascript 来说还是个新手。尝试通过使用外部 javascript 文件简单地更改按钮上的文本来学习代码。但是我什至无法让 javascript 从外部读取按钮值,在 Chrome 的调试工具中我看到我的按钮值是 btn=""。它读取按钮对象但无法读取其属性。

<html>
<head>

<title> Test </title>
<script type="text/javascript" src="Gle.js"></script>
</head>

<body>
<div><canvas id="Gle" width="800" height="600"></canvas>
</div>
<div>
<h2>Enter the mass and coordinates</h2>
<input id="txtbox" type="text" /><br/>
<button id="btn" onclick="change()">Add</button>

</div>


</body>
</html>

Gle.js

"use strict";


function change() {
var x = document.getElementById("btn").value;
var elem = document.getElementById("btn");
var txt = document.getElementById("txtbox");
txt.text = elem.value;
elem.value = "Ok";
}

当我调试 x 值为 ""时,我的屏幕上没有任何变化。我正在使用括号 IDE。

最佳答案

x 为空,因为 '#btn' 没有指定 'value' 属性。 “添加”字符串位于其内部 HTML(或文本)中,

alert(document.getElementById("btn").innerText);

你可以在事件范围内索引this,它是'#btn'的引用,this.innerText

另一种方法是获取 '#btn' 子节点值,这是跨浏览器的。

alert(this.childNodes[0].nodeValue);

这会提醒元素内部指定的第一个文本。

关于Javascript 不会将信息从 html 传递到函数中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39196658/

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