一.getElementById方法
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" >
function showText()
{
var oText = document.getElementById("my_text");//得到文本框元素
oText.value = "haha";//向文本框中赋值
}
</script>
</head>
<body>
<input type="text" id="my_text" />
<input type="button" onclick="showText()" value="向文本框中赋值" />
</body>
二.getElementsByName方法
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" >
function showText()
{
var oText = document.getElementsByName("txt");//得到所有name为txt的元素集合
for(var i = 0; i < oText.length; i++)
{
oText[i].value = i;
}
}
</script>
</head>
<body>
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="button" onclick="showText()" value="向文本框中赋值" />
</body>
三.getElementsByTagName方法
<title>无标题文档</title>
<script type="text/javascript" >
function showText()
{
var oText = document.getElementsByTagName("input");//得到所有input对象
for(var i = 0; i < oText.length; i++)
{
alert(oText[i].type);//显示该节点的类型
}
}
</script>
</head>
<body>
<input type="text" name="txt" />
<input type="checkbox" name="cb" />
<input type="password" name="pwd" />
<input type="button" onclick="showText()" value="显示" />
</body>
分享到：
相关推荐
总结起来，HTML5元素周期表是学习和掌握HTML5的一个直观工具，它将复杂的HTML元素体系以一种清晰、有序的方式呈现出来，方便开发者查找和学习。通过这个表格，我们可以深入了解每个元素的功能、用途，以及它们如何...
本文将详细介绍三种常用的方法：getElementById()、getElementsByName() 和 getElementsByTagName()，并提供示例代码帮助理解。 1. **getElementById() 方法** `getElementById()` 是JavaScript中最直接且常用的...
在JavaScript编程中，获取HTML元素的位置是一项常见的任务，特别是在构建复杂的网页布局或者进行交互式设计时。本资源包提供了一种解决这个问题的方法，特别适用于处理跨框架（iframe）的情况，而且支持无限级嵌套。...
此外，JS 操作元素方法还可以用来读取和设置元素的属性，例如，使用 getAttribute 方法可以获得元素的属性值，使用 setAttribute 方法可以设置元素的属性值，使用 removeAttribute 方法可以删除元素的属性等。...
本文将详细介绍四种不同的JavaScript方法来实现HTML固定Table标题行。 1. **CSS Sticky Positioning** CSS3中的`position: sticky`属性允许元素在特定条件下保持固定位置。虽然不是纯JavaScript方法，但在现代...
本文将探讨如何通过简单的技术手段，使得HTML5元素在不同浏览器中得到良好的支持。 首先，我们需要理解问题的核心：当浏览器遇到不识别的HTML5元素时，它们通常会将其当作未知的内联元素来处理。例如，在IE中，未...
通过这段内容，我们可以学会两种简单的方法来实现这一目标。 首先，我们来看HTML代码部分，它定义了一个span元素并赋予了一个id属性，以便于后续使用JavaScript进行选取。具体的HTML代码如下： ```html ...
- 根据模板创建一个新的HTML元素。 - 使用`$.extend()`或直接对象赋值将数组元素的属性插入到模板元素中。 - 使用`.html()`或`.append()`方法将新创建的元素添加到页面的适当位置。 4. **事件绑定**：如果需要，...
除了getElementsByClassName()函数,我们可以自己动手编写程式来通过class获取元素,接下来我们整理了一下JavaScript通过HTML的class来获取HTML元素的方法总结,需要的朋友可以参考下
本文将详细介绍两种方法来实现这一功能，并深入探讨每种方法的具体实现步骤及其背后的技术原理。 ### 方法一：利用IPersistStreamInit接口 此方法主要依赖于`IPersistStreamInit`接口，该接口可以用来读取或写入...
selenium则提供了Chrome，IE，FireFox等的支持，每种浏览器都有execute_script和find_element_by_xx方法，可以方便的执行js脚本（包括修改元素）和读取html里面的元素。不足是selenium只提供对python2.6和2.7的支持...
文章将介绍三种方法来实现这些操作，它们分别是通过HTMLElement对象的属性、通过getAttribute()、setAttribute()和removeAttribute()方法，以及通过attributes属性。 首先，通过HTMLElement类型（对象）的属性来...
自定义的HTML元素与系统自身的HTML元素地位相同，都可以用document.getElementById来获得，区别在于，自定义的HTML元素都是不可见的，类似于隐藏控件。 使用自定义HTML元素，我们就可以建立多种隐藏控件，而不一定...
这两种方法都比`getElementsByTagName()`更加强大和灵活，但是它们是在较新的浏览器版本中才得到支持，不兼容旧版浏览器。 在Web程序设计中，通常使用循环递归的方式递归遍历DOM树以查找后代元素。然而，这种方法相...
然而，操作iframe中的内容比操作普通HTML元素要复杂一些，尤其是在不同源的情况下。jQuery，一个快速且简洁的JavaScript库，为操作iframe提供了便利。以下是在父窗口和iframe窗口之间取得和操作元素的方法。 ### 父...
- `focus()`方法用于使元素获得焦点。 - `blur()`方法用于移除元素的焦点。 ```javascript element.tabIndex = 2; element.focus(); element.blur(); ``` - **`accessKey`** 和 **`accessKeyLabel`** - `...
通过调用html2canvas()函数，并传入对应的HTML元素，就能获得一个包含所渲染内容的Canvas对象。 html2canvas主要有以下几个属性： 1. allowTaint（布尔类型，默认为false）：允许跨域图片对Canvas产生污染。 2. ...
需要注意的是，attr()方法在获取某些动态值的时候，可能不会得到最新的结果，因为jQuery的attr()方法是获取元素在HTML代码中设置好的初始属性值。在本例中，$("#cifNo").attr("value")获取到的是cifNo元素HTML代码中...
这三个属性用于限制number、date、range等类型Input元素的输入值范围。min规定最小值，max规定最大值，而step定义了合法的数字间隔。例如，`<input type="number" min="1" max="10" step="2">`创建了一个只能输入1...
Keygen元素在HTML5中提供了一种生成公钥-私钥对的方法，用于安全认证。它在表单提交时生成一对密钥，私钥留在客户端，公钥发送到服务器。这种机制增强了用户身份验证的安全性，因为公钥可以用来验证客户端证书。以下...