document.getElementsByTagName("img")怎么取图片的宽度
<script language=javascript>
document.write("<img name=myimage src=http://bbs.51js.com/images/51js.gif >");
var img_obj = document.getElementsByTagName("img");
for(i=0;i<img_obj.length;i++){
if(img_obj[i].name=="myimage") {alert( img_obj[i].width); }
}
</script>
提示：您可以先修改部分代码再运行
在取得的对象里(img_obj),他的那个属性是图片的宽度?
<img width="300" src="http://bbs.51js.com/images/51js.gif&qu ... quot;myimage">
<script language="javascript">
var img_obj=document.getElementsByTagName("img");
for(i=0;i<img_obj.length;i++)
{
if(img_obj[i].name="myimage")
{
alert(img_obj[i].width);
}
}
加了个正则"\"
<script language=javascript>
document.write("<img name=\'myimage\' src=http:\/\/bbs.51js.com\/images\/51js.gif >");
var img_obj = document.getElementsByTagName("img");
for(i=0;i<img_obj.length;i++){
if(img_obj[i].name=="myimage") {alert( img_obj[i].width); }
}
</script>
以下实例是判断相应字符的个数：
<html><head><title>runcode</title><meta name="Author" content="Sheneyan" /></head><body><input /><input /><input /><input /><input /><input /><input /><input /><input /><script>alert(document.all.tags('input').length)</script></body></html>
以下是判断其中INPUT中有没有输入数值，至少有一个的话不返回0，没有就返回0：
function foo(e) {
var input_cart=document.getElementsByTagName("INPUT");
var input_all=0;
for (var i=0; i<input_cart.length; i++) {
if (input_cart[i].type=="text" && input_cart[i].value!="") {
input_all=input_all+1;
//alert(input_all);
}
}
if (input_all==0)
{
alert("Please input one of the quantity of products that you want before you submit,thanks!");
return false;
}
}
【总结】一般我喜欢使用:document.getElementById()和document.all().现在觉得document.all.*比较不错!
关于其更深一步的原理暂不清楚,希望有明白的人给个深入讲解的链接!!
本帖以获得页面的text文本为例,获得控件后为其赋值为"你好!"
【附一:方法大全】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>获得网页控件的方法大全</title>
<script language="javascript">
function AXzhz()
{
//【AX为文本框的id,通过下面的方法对文本框赋内容】
//【根据控件ID】
document.getElementById("AX").value="你好!" ;
//document.all("AX").value="你好!";
//document.all.AX.value="你好!";
//不成功 document.AX.value="你好!";
//document.body.all("AX").value="你好!";
//document.body.all.AX.value="你好!";
//不成功 document.body.getElementById("AX").value="你好!";
//formid.AX.value="你好!";
//不成功 formid.getElementById("AX").value="你好!";
//不成功 formid.all.getElementById("AX").value="你好!";
//formid.all.AX.value="你好!";
//formid.all("AX").value="你好!";
//【根据控件name,返回的是一个数组集合,再通过下标获得控件】
//document.getElementsByName("textfield")[0].value="你好!";
//不成功 formid.all.getElementsByName("textfield")[0].value="你好!";
//不成功 formid.getElementsByName("textfield")[0].value="你好!";
//【根据标签,返回的是一个数组集合,严格来说是获得标签中的内容,估计用到的机会不是很多】
//document.getElementsByTagName("td")[1].innerHTML="你好!";
}
</script>
</head>
<body>
<form id="formid">
<table width="200" border="1">
<!--title是鼠标在上面的时候出现的提示-->
<tr title="快啊快啊!!" onclick="AXzhz()">
<td bgcolor="#FF9933">你点我啊!!<br>
<INPUT TYPE="text"value="根据标签测试时使用,请仔细观察结果!">
</td>
</tr>
<tr>
<td bgcolor="#0099FF"><p>AXzhz制作<br/>
<input type="text" name="textfield" value="我要给这个文本框赋值!" id="AX"/>
</td></p>
</tr>
</table>
</form>
</body>
</html>
【附二:getElementsByName详细】
<SCRIPT>
function fnGetNames(){
// Returns a collection with 2 INPUT type=text elements.
var aInput=document.getElementsByName("firstName");
document.all.AX.value=aInput[0].value+aInput[1].value;
}
</SCRIPT>
<INPUT TYPE="text" id="AX">
<INPUT TYPE="text" NAME="firstName">
<INPUT TYPE="text" NAME="firstName">
<INPUT TYPE="button" VALUE="Get Names" onclick="fnGetNames()">
【附三:getElementsByTagName详细】
<SCRIPT>
function AXzhz()
{
var aSpans = oDiv.getElementsByTagName("SPAN");
document.all.AX.value=aSpans[1].innerHTML;
}
</SCRIPT>
<input name="text" type="text" id="AX" width="400px">
<DIV id="oDiv"><label onClick="AXzhz()">你点我啊!</label><br>
<SPAN>Immediate Child
<DIV>
<SPAN>Child of Child DIV
<INPUT TYPE="text" NAME="firstName" value="AX制作!">
</SPAN>
</DIV>
</SPAN>
</DIV>
分享到：
相关推荐
在测试函数`testFunc`中，要获取XML元素的值和属性，`getElementsByTagName`方法返回一个节点列表，可以通过索引访问第一个元素，然后使用`.nodeValue`获取文本内容，`.attributes`属性则可以访问元素的属性。题目中...
6. **处理权限**：权限信息通常在`<uses-permission>`元素中，可以遍历这些元素并收集对应的权限名称。 7. **关闭流**：记得在完成操作后关闭所有打开的输入流，以释放资源。 下面是一个简化的代码示例： ```java...
这是一个非常直接的方法，但在现代浏览器中并不推荐使用，因为`document.all`属性是非标准的，并且只在IE浏览器中可用。现代浏览器通常推荐使用`document.getElementsByTagName()`或者更强大的`document....
在Swing中，可以使用`JFrame`作为主窗口，`JTable`展示联系人列表，`JOptionPane`进行用户交互，以及`JTextField`、`JButton`等组件收集和处理用户输入。 总结来说，"DOM解析XML文件并实现通讯录"项目涵盖了Java ...
- `querySelector()`和`querySelectorAll()`用于选择元素，`getElementById()`、`getElementsByClassName()`和`getElementsByTagName()`等传统方法也是常用的选择器。 - `addEventListener()`和`...
本节将详细介绍在Android中如何操作XML，特别是使用DOM和SAX两种解析器来解析XML文件。 首先，我们来看DOM（Document Object Model）解析方式。DOM解析器将整个XML文档加载到内存中，形成一个树形结构，使得开发者...
接下来详细介绍如何将这种方法应用到实际表单数据收集过程中。 #### 示例代码详解 假设有一个HTML表单，其中包含文本输入框、选择框等元素。示例代码如下： ```html <!-- HTML 表单 --> 运单号：...
我们会使用或开发各种不同的统计模块对产品的使用情况进行收集，以便衡量产品的健康状况和对产品发展方向进行决策 随着前端交互越来越丰富，统计要分析的维度也越来越多样 经常一个页面中就会并行着多个统计模块：有...
这个函数可以在需要获取所有输入字段的场景下使用，例如在表单验证、数据收集或用户交互处理中。值得注意的是，这个方法仅能获取到当前页面已加载的`<input>`标签，如果存在动态加载的输入元素，可能需要使用事件...
可以使用`document.getElementsByTagName()`, `document.querySelectorAll()`, 或 `document.querySelector()`等方法来选择元素，并通过`.innerText`属性获取其文本内容。 2. **正则表达式**：在JavaScript中，我们...
标题中的“VBA教程”指的是使用VBA进行网页操作的方法。描述提到，虽然教程可能不够详尽，但提供了关于VBA如何控制网页的基本概念。标签“vb”表明我们讨论的是VBScript或VBA的范畴。 在VBA中，与网页交互的关键是...
1. **获取表格数据**：使用JavaScript的DOM API，如`querySelectorAll`或`getElementsByTagName`，找到目标表格，并遍历所有的`<tr>`（行）和`<td>`（单元格）元素，收集其文本内容。 2. **构建CSV字符串**：将每个...
### Android基础知识及常用控件详解 #### 一、Android应用基础...以上就是关于Android基础知识及常用控件的详细介绍，这些控件在实际开发中非常实用，掌握了它们的使用方法后，可以更好地构建出丰富的用户界面和功能。
在给定的"JS收集"主题中，我们可以深入探讨以下几个关键知识点： 1. **基础语法**： - 变量声明：JavaScript支持var、let和const关键字声明变量，其中let和const是ES6引入的新特性，提供了更严格的变量管理。 - ...
- **表单基础知识**：表单是网页中收集用户信息的重要工具，通常通过`<form>`标签定义，`action`属性指定提交数据的目标URL。 - **表单事件**：`onsubmit`事件在表单提交时触发，`onreset`事件在表单重置时触发，...
这通常涉及到`Document.getElementById`或`Document.getElementsByTagName`等方法。 3. **事件处理**：VB允许我们为WebBrowser控件的事件编写事件处理程序，比如`DocumentComplete`事件，当页面加载完成时触发，...
本资源包"JavaScript各种使用例子"收集了一系列JavaScript的实际应用示例，旨在帮助开发者更好地理解和运用JavaScript。下面我们将深入探讨其中可能涵盖的知识点。 1. **基础语法**：JavaScript的基础包括变量声明...
在本文档中，我们探讨了如何使用JavaScript来实现一个电商网站的商品评分功能。这个功能涉及到网页交互的关键元素，包括图像的动态改变、用户输入的处理以及DOM操作。以下是实现这一功能涉及的主要知识点： 1. **...
示例代码中，selcheck()函数实现了这一功能，通过getElementsByTagName("input")获取所有输入元素，然后遍历并设置每个checkbox的checked属性为true。 3. Java基本类型： Java的八种基本类型包括四种整型（byte、...
在第二部分的实战教程中，`$A(someNodeList)`将`getElementsByTagName`返回的节点列表转化为数组，以便于我们使用`each`方法遍历。这样，我们就可以方便地操作每个`option`元素，例如收集它们的值或文本。 总的来说...