环境IE8
<html>
<head>
<title>JS</title>
<script type="text/javascript">
function test(){
alert(document.getElementsByName("fpdm")[0].value)
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="fpdm">
<input type="text" name="fpdm">
</form>
<input type="button" onclick="test()" value="Click">
</body>
</html>
(1)
function test(){
alert(document.form1.fpdm.value)
}
报错:undefined;
同一个表单多个同名的就报错,不会自动取第一个对象。
(2)
function test(){
alert(document.getElementsByName("fpdm")[0].value)
}
ok
分享到:
相关推荐
document.execCommand(command, showUI, value); ``` - `command`: 要执行的命令的名称。 - `showUI`: 布尔值,表示是否显示与命令相关的用户界面。 - `value`: 可选参数,与某些命令相关联的值。 #### 支持的命令...
### Document对象内容集合 在网页开发中,Document对象是浏览器为用户提供的重要接口之一,它代表了整个HTML或XML文档,并提供了访问和操作文档结构的方法。本文将深入解析Document对象的相关属性与方法,帮助读者...
var form = document.forms[0]; // 获取第一个表单 var textInput = form.elements[0]; // 获取第一个表单的第一个控件 console.log(textInput.value); // 输出第一个控件的值 ``` 通过以上详细介绍可以看出,`...
1. **获取表单元素**:可以使用 `document.all` 直接通过元素名来获取表单元素。 2. **修改样式**:通过 `document.all` 可以轻松地改变元素的样式属性,如 `display`、`color` 等。 3. **处理事件**:可以通过 `...
1. **`document.body.clientWidth`** 和 **`document.body.clientHeight`** - **用途**:分别表示客户端区域(不包含滚动条)的宽度和高度。 - **适用场景**:当需要获取可视区域内不包含滚动条的实际宽度和高度时...
- 可以通过索引或名称访问这些元素,并进一步操作它们的属性,如`src`、`value`等,来改变图像源或表单值。 ### 实践应用 了解和掌握DOM的属性和方法对于前端开发至关重要。例如,通过`document.getElementById()`...
- **document.bgcolor**、**document.fgcolor**、**document.linkcolor**、**document.alinkcolor** 和 **document.vlinkcolor**:更改背景色、前景色、链接颜色等。 - 示例:`document.bgcolor = "#FF0000";` ##...
1. **Ajax化文件上传**:`jquery.form.js`将传统的表单提交转变为Ajax方式,使得文件上传无需刷新页面,提供更好的用户体验。 2. **异步上传**:利用Ajax技术,文件上传可以在后台进行,用户可以继续浏览其他页面,...
<input type="text" name="example" value="Value 1"> <input type="text" name="example" value="Value 2"> ``` 可以这样使用`document.getElementsByName()`: ```javascript var inputs = document....
#### Introduction (Chapter 1) - **Scope**: Chapter 2 covers the scope of the specification, which defines what aspects of the language are covered. - **Conformance**: Chapter 3 details conformance, ...
1. **异步表单提交(AJAX)**:`jquery.form.js`使表单可以通过AJAX方式无刷新提交,提高用户体验。通过调用`.ajaxForm()`或`.ajaxSubmit()`方法,可以轻松实现异步提交,并且支持JSON、XML等多种数据格式返回。 2....
- **语法**: `document.getElementById("output").value = document.getElementById("input").value.toUpperCase();` - **用途**: 将输入框的值转换为大写并输出到另一个元素中。 **7. 数据类型** - **类型**: `...
- 绑定鼠标事件: `document.body.onmousedown = function(event) { /*...*/ };` 15. **元素操作** - 获取窗体元素: `document.formName.elements[index]` 16. **对象绑定事件** - 解绑事件: `element....
`event.returnValue` 用于控制事件的默认行为,设置为 `false` 可阻止默认行为。 3. **键盘事件**:`event.keyCode` 返回按下键的ASCII码,`event.shiftKey`, `event.altKey`, `event.ctrlKey` 分别表示Shift、Alt...
5. **获取表单元素**: `document.getElementById()`方法可以获取具有特定ID的元素,如`document.getElementById("myInput").name`或`.value`分别获取元素名称和值。 6. **大小写转换**: `toUpperCase()`函数将字符...
5. **获取表单元素**:通过`document.getElementById()`方法可以获取指定ID的表单元素,并可访问其`name`和`value`属性。 6. **大小写转换**:使用`.toUpperCase()`将字符串转为大写,`.toLowerCase()`转为小写。 ...
- 此方法将整个表单序列化为一个查询字符串,如`name1=value1&name2=value2`的格式。 - 不是可链式调用的方法,返回一个字符串。 - 示例: ```javascript var queryString = $('#myFormId').formSerialize(); ...
document.form1.fname.value = document.form1.fname.value.toUpperCase(); document.form1.lname.value = document.form1.lname.value.toUpperCase(); } ``` 3. **注意事项**: - 使用`onChange`事件监听器在...
2. **注释**:在JavaScript中,单行注释以`//`开头,多行注释使用`/*...*/`包围。 3. **HTML文档结构**:传统的HTML文档结构从上到下依次是`document` -> `html` -> `(head, body)`。 4. **DOM(Document Object ...
1. **输出语句**:`document.write("")` 用于在网页上输出内容,但不推荐在实际项目中大量使用,因为这可能会导致页面重新渲染,影响性能。 2. **注释**:在JS中,单行注释使用 `//`,多行注释使用 `/* ... */`。 ...