javascript输入字符串

input string in javascript

本文关键字：字符串 输入 javascript      更新时间：2023-09-26

短问题

我如何访问字符串值"2013-10-20"从输入在HTML中显示它在JavaScript中?

<input name="DateStart" class="inputPanel" type="text" size="20" maxlength="20" value="2013-10-20">
JAVASCRIPT

<script javascript="javascript" type="text/javascript">
    alert("Value: " + ???)
</script>

谢谢!

假设您有一个名称为DateStart(use id's)的输入:

alert("Value: " + document.getElementsByName('DateStart')[0].value);

如果输入是一个表单，并且文档中只有一个表单，您可以这样访问它:

alert(document.forms[0].DateStart.value);

如果表单有名称，可以使用:

alert(document.forms['formName'].DateStart.value);

或者如果你喜欢长篇大论:

alert(document.forms['formName'].elements['DateStart'].value);

或者如果名称也是一个有效的标识符(即一个名称也可以用作变量名)

alert(document.forms.formName.DateStart.value);

甚至:

alert(document.formName.DateStart.value);

或者ID:

alert(document.getElementById('formId').DateStart.value);
或者使用querySelector接口:

alert(document.querySelector('input[name="DateStart"]').value);

给那只猫涂皮的方法有很多

从当前代码中，您可以使用getElementsByName 

var dateStart = document.getElementsByName('DateStart')[0];
alert("Value: " + dateStart.value);

但是在DOM元素上添加Id属性并在JavaScript中使用getElementById来检索DOM元素是明智的和最佳实践。(看一下name和id)

HTML

<input id="DateStart" name="DateStart" class="inputPanel" type="text" size="20" maxlength="20" value="2013-10-20">
JavaScript

var dateStart = document.getElementById('DateStart');
alert("Value: " + dateStart.value);

你可以说像bellow

alert(document.getElementsByClassName('inputPanel')[0].value);

如果这是第一个类为inputPanel的元素。
相关文章：