通过函数参数this，将自身传递给函数。从而获取对象的name与id属性。具体代码如下：
<script language=javascript>
function temp(get_obj)
{
alert(get_objname);
alert(get_objid);
}
</script>
<body>
<input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)>
<input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)>
<input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)>
</body>
测试可用。
在使用getElementsByTagName()前必须要指定文档中获取，这个函数死DOM对象下的函数，就是文本树对象下的，按照标签来
getElementsByName是按照name属性来获取对象
getElementsByName是根据标签的name属性来拿的
getElementsByTagName是根据标签名来拿
getElementsByName()
这个是通过NAME来获得元素，但不知大家注意没有，这个是GET ELEMENTS，复数ELEMENTS代表获得的不是一个元素，为什么呢？
因为DOCUMENT中每一个元素的ID是唯一的，但NAME却可以重复。打个比喻就像人的身份z号是唯一的（理论上，虽然现实中有重复），但名字
重复的却很多。如果一个文档中有两个以上的标签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。
比如有两个DIV：
<div name="docname" id="docid1"></div>
<div name="docname" id="docid2"></div>
那么可以用getElementsByName("docname")获得这两个DIV，用getElementsByName("docname")[0]访问第一个DIV，用getElementsByName
getElementsByTagName()
这个呢就是通过TAGNAME（标签名称）来获得元素，一个DOCUMENT中当然会有相同的标签，所以这个方法也是取得一个数组。
下面这个例子有两个DIV，可以用getElementsByTagName("div")来访问它们，用getElementsByTagName("div")[0]访问第一个DIV，用
getElementsByTagName("div")[1]访问第二个DIV。
1．有以下输入控件在HTML中，代码如下：<input type="hidden" name="productName" id="productName" value="测试产品名称">。
2．可以使用js来获取id和答案varvalue＝文档。getelementbyid（“productName”）。值。
3．接下来，我们将警告（value），看看是否得到了输入的值。我们可以看到，输入的值已经成功d出。
4．也可以使用文档。getElementsByName方法（name）。
5．如果您测试结果，您仍然可以看到“value”的值成功d出。
6．您还可以通过jquery获得输入的值，这需要引入jquery的js包并传递代码＄（＂＃id＂）．val（）。＄（＂＃productName＂）．val（）。
7．＄（＂输入（＇name＝名字＇］”）．val（）；例如，上面的例子可以使用＄（＂input［＇name＝productName＇］＂）．val（）。
/
@see 鼠标点击拖拽的效果(页面可以同时拖动多个框)
@param boxId 整个对象(框)的id(一般为div或table)
@param event 内置对象(必须传入)
/
function mousePlead1(event, boxId) {
var o = getO(boxId);
var isIE = documentall true : false;
var e = event;
var x = eoffsetX || elayerX;
var y = eoffsetY || elayerY;
documentonmousemove = function(e) {
ostylefilter = 'Alpha(opacity=70)';
ostyleopacity = '07';
if (isIE) {
osetCapture();
} else {
windowcaptureEvents(EventMOUSEMOVE);
}
var e = windowevent || e;
if (eclientX - x >= 0 && eclientY - y >= 0 && eclientX - x <= getWinSize()[0] - getO(boxId)offsetWidth
&& eclientY - y <= getWinSize()[1] - getO(boxId)offsetHeight) {
ostyleleft = (eclientX - x) + "px";
ostyletop = (eclientY - y) + "px";
}
};
documentonmouseup = function(e) {
documentonmousemove = function() {
};
if (isIE) {
oreleaseCapture();
} else {
windowreleaseEvents(oMOUSEMOVE);
}
ostylefilter = "";
ostyleopacity = "";
};
}
/
@see 获得对象
@param id 对象的id(表单元素和其他标签都可以)
@return Object
/
function getO(id) {
return documentgetElementById(id);
}
/
@see 获得当前窗体的大小(width,height)
@return Array
/
function getWinSize() {
var width = parseInt(documentdocumentElementclientWidth);
var height = parseInt(documentdocumentElementclientHeight);
return new Array(width, height);
}
以上就是关于JavaScript ：怎么获得页面元素的id和name值全部的内容，包括:JavaScript ：怎么获得页面元素的id和name值、javascript getElementsByName()、JS中获取表现的问题name和tagname等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）