在JS函數中返回值
[英]Returning values inside a JS function
問題描述
有人可以向我解釋為什么我不能在函數內部使用document.getElementById（'id'）。value嗎？
我試圖制作一個簡單的乘法腳本（我在學習JS，實際上很有趣），並很快意識到，僅僅為了返回一個值而輸入整行代碼是多么煩人，所以我寫了一個小函數：
<script type="text/javascript">
function value(elementid){
return document.getElementById(elementid).value
}
</script>
但是，這不起作用，只會破壞整個腳本的功能。 我只想鍵入value（'id'）以返回元素的值。
為了解決這個問題，一位朋友建議我在函數中取出.value並將其添加到我調用該函數的每一行的末尾，例如value（'id'）。value。
為什么我的第一種方法不起作用？
謝謝您的幫助！
6 個解決方案
解決方案1
5 已采納 2009-07-15 02:22:54
將函數名稱更改為類似於“ getValue ”的名稱。 這段代碼在我的機器上可用：P
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
function getvalue(id) {return document.getElementById(id).value;}
</script>
</head>
<body>
<input type="text" id="Text1" />
<input type="button" onclick="alert(getvalue('Text1'))" /> <br />
<input type="text" id="Text2" />
<input type="button" onclick="alert(getvalue('Text2'))" /> <br />
<input type="text" id="Text3" />
<input type="button" onclick="alert(getvalue('Text3'))" /> <br />
</body>
</html>
解決方案2
2 2009-07-15 01:04:37
您確定要獲取的元素具有value屬性，而不是諸如.text或...之類的其他元素嗎？
如果它是INPUT標記，則也可以使用.value和其他一些HTML控件元素，但是對於常規DIV，SPAN等。我認為它們沒有公開.value屬性。 檢查標簽文檔以查看它們是否支持.value。
解決方案3
1 2009-07-15 01:08:26
我相信羅紹走上正軌。 您可以通過將<script>塊移動到頁面的末尾來進行測試，因為除非您具有復雜的頁面結構，否則希望到那時所有內容都會加載。
解決方案4
1 2009-07-15 01:09:30
並非每個DOM元素都有一個名為value的屬性，這可能就是腳本中斷的原因。 您可以嘗試以下方法：
<script type="text/javascript">
function value(elementid){
var el = document.getElementById(elementid);
return el.value || el;
}
</script>
如果存在或不只是元素，它將返回el.value。 這不是最優雅的解決方案，但它可能會阻止您破壞其他腳本。 在不知道調用該函數的上下文的情況下，我無能為力
解決方案5
0 2009-07-15 01:02:29
您正在做的事情應該起作用。 這叫什么？ 調用時，您的元素可能不在DOM中。 即在實際元素之前以內聯腳本調用它。
解決方案6
-1 2009-10-21 15:47:31
將函數的名稱從“值”更改為其他名稱
JS/TS - 在異步函數中返回已解決/拒絕的承諾值
[英]JS/TS - Returning promise resolved/rejected values inside async functions
方法的回調函數內部和外部返回值的差異
[英]Difference in returning values outside and inside a callback function for a method
useCallback 中的生成器 function 在反應中返回相同的值，如何解決這個問題？
[英]Generator function inside useCallback is returning same values in react, How to solve this?
用嵌套 JS object 數組上的返回值替換 function 引用
[英]Replace function references with its returning values on nested JS object array
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.