Fatal编程技术网
  • javascript/
  • Javascript 通过输入文本id获取元素

Javascript 通过输入文本id获取元素

javascript

Javascript 通过输入文本id获取元素,javascript,Javascript,代码有什么问题？我必须在点击提交按钮后从输入文本框中获取文本，输入文本值必须显示在段落中 <html> <body> <p id="demo"></p> <br> <input id="myList" type="text"> <input type="button" value="Try it" onclick="myFunction()"></button> <script> fun

代码有什么问题？我必须在点击提交按钮后从输入文本框中获取文本，输入文本值必须显示在段落中

<html>
<body>

<p id="demo"></p>
<br>
<input id="myList" type="text">
<input type="button" value="Try it" onclick="myFunction()"></button>
<script>
function myFunction()
{
var x = document.getElementById("myList");
var txt = "Welcome ";
for (var i=0;i<x.length;i++)
{
txt = txt + x.elements[i].id + "br";
 }
document.getElementById("demo").innerHTML=txt;
}
</script>

</body> 
</html>






函数myFunction（）
{
var x=document.getElementById（“myList”）；
var txt=“欢迎”；

对于（var i=0；i有两种方法可以修复它：

[1]将
x.length
更改为
x.value.length
并将
x.elements
更改为
x.value.elements



[2]将
var x=document.getElementById（“myList”）；
更改为
var x=document.getElementById（“myList”）.value；




文本框没有属性长度，因此我认为您引用的是它的文本？这就是此修复程序的作用。（另外，使用方法2更好。）
有两种修复方法：

[1]将
x.length
更改为
x.value.length
并将
x.elements
更改为
x.value.elements



[2]将
var x=document.getElementById（“myList”）；
更改为
var x=document.getElementById（“myList”）.value；




文本框没有属性长度，因此我认为您引用的是它的文本？这就是此修复程序将要做的。（另外，使用方法2更好。）
您可能希望使用此代码


document.getElementById('myList').value;



它将从输入框元素中获取值。
您可能希望使用此代码


document.getElementById('myList').value;


它将从输入框元素中获取值。

选中此处，无需循环所有元素

您只需要元素的id，为什么要循环它



这是javascript代码的样子


function myFunction()
{
var x = document.getElementById("myList");
var txt = "Welcome ";

txt = txt + x.value + "br";

document.getElementById("demo").innerHTML=txt;
}


您需要元素中的值，因此必须获取可以在function中看到的值
x.value因此它将从元素中检索值，然后您的函数将工作我希望这将对您有所帮助

选中此处，无需循环所有元素

您只需要元素的id，为什么要循环它



这是javascript代码的样子


function myFunction()
{
var x = document.getElementById("myList");
var txt = "Welcome ";

txt = txt + x.value + "br";

document.getElementById("demo").innerHTML=txt;
}


您需要元素中的值，因此必须获取可以在function中看到的值
x.value因此它将从元素中检索值，然后您的函数将工作。我希望这将帮助您
您必须获取“myList”id的值，然后将其分配给标记的innerHTML，具体操作如下：


<html>
<body>
<p id="demo"></p>
<br>
<form>
<input id="myList" type="text">
<input type="button" value="Try it" onclick="myFunction()"/>
</form>
<script>
function myFunction()
{

 var txt = "Welcome";
 var x = document.getElementById("myList").value;
 txt = txt +" "+x;
document.getElementById("demo").innerHTML=txt;
}
</script>

</body> 
</html>








函数myFunction（）
{
var txt=“欢迎”；
var x=document.getElementById（“myList”）.value；
txt=txt+“”+x；
document.getElementById（“demo”）.innerHTML=txt；
}

您必须获取“myList”id的值，然后将其分配给标记的innerHTML，具体操作如下：


<html>
<body>
<p id="demo"></p>
<br>
<form>
<input id="myList" type="text">
<input type="button" value="Try it" onclick="myFunction()"/>
</form>
<script>
function myFunction()
{

 var txt = "Welcome";
 var x = document.getElementById("myList").value;
 txt = txt +" "+x;
document.getElementById("demo").innerHTML=txt;
}
</script>

</body> 
</html>








函数myFunction（）
{
var txt=“欢迎”；
var x=document.getElementById（“myList”）.value；
txt=txt+“”+x；
document.getElementById（“demo”）.innerHTML=txt；
}






函数myFunction（）{
var x=document.getElementById（“myList”）.value；
警报（x）；
var txt=“欢迎”；
对于（变量i=0；i”；
}
document.getElementById（“demo”）.innerHTML=txt；
}






函数myFunction（）{
var x=document.getElementById（“myList”）.value；
警报（x）；
var txt=“欢迎”；
对于（变量i=0；i”；
}
document.getElementById（“demo”）.innerHTML=txt；
}

循环？？？我不明白它很简单，试试这个


<html>
<body>
<p id="demo"></p><br>
<input id="myList" type="text">
<input type="button" value="Try it" onclick="myFunction()">
<script>
    function myFunction() {
        var x = document.getElementById("myList");
        var txt = "Welcome " + x.value;
        document.getElementById("demo").innerHTML = txt;
    }
</script>
</body>
</html>



循环？？？我不明白它很简单试试这个


<html>
<body>
<p id="demo"></p><br>
<input id="myList" type="text">
<input type="button" value="Try it" onclick="myFunction()">
<script>
    function myFunction() {
        var x = document.getElementById("myList");
        var txt = "Welcome " + x.value;
        document.getElementById("demo").innerHTML = txt;
    }
</script>
</body>
</html>



请在这里发布相关代码；我们不想访问外部网站来阅读答案；另外，你能添加一些解释吗？
x.value
他希望从中获得价值你能在答案中添加该解释吗？表示什么类型的解释？@JanDvorak添加了解释请在这里发布相关代码；我们不想访问外部nal网站阅读答案；另外，你能添加一些解释吗？
x.value
他想要从中获得价值，你能在答案中添加解释吗？意思是什么类型的解释？@JanDvorak添加了解释有些解释会很好；仅从代码中学习很困难，堆栈溢出不能分发代码。对不起@JanDvorak。。。@user3148414您只需从id中获取值并将其分配给标记的innerhtml。：）我的意思是，在答案中，不是作为注释。请注意你答案下面的链接。一些解释会很好；仅从代码中学习很困难，堆栈溢出不是分发代码。抱歉@JanDvorak….@user3148414你必须从id中获取值并将其分配给标记的innerhtml。：）我的意思是，在答案中，不是作为注释。请注意答案下方的链接。是的，为什么是for循环？？？没问题！我们从错误中学习。是的！但我现在正在学习是的，为什么是for循环？？？没问题！我们从错误中学习。是的！但我现在正在学习