您的当前位置:首页jsgetElementsByTagName的简写方式_javascript技巧
广告

jsgetElementsByTagName的简写方式_javascript技巧

2023-12-02 来源:六三科技网

代码如下: //CLASS@Mr.Think*****getElementsByTagName function tag(name,elem){ if(!document.getElementsByTagName) return false; return (elem || document).getElementsByTagName(name); } 使用不做详述,若是用于获取整个文档中某指定标签集合,可直接用tag(“xx”)获取.

小编还为您整理了以下内容,可能对您也有帮助:

JS:有个getElementByTag()的具体怎么写,是什么?

是getElentsByTagName()

1,这里的Element后面是有个s的。

2,Tag后面有个Name,而且首字母大写。

3,由第一条知道,这里获取的是一组元素,即使这个页面上只有一个这样的标签,获取的还是一组,如果想单独访问每个元素,可以使用下标的方式。下标是从0开始的。

javascript 里面的 getElementsByTagName() 是怎么用的?

getElementsByTagName() 是获取标签的,

比如一个页面里有多个input标签,getElementsByTagName(‘input’)可以获取所有input元素,返回的结果是一个数组,可以使用索引数组来标记。

比如:var input=getElementsByTagName(‘input’);

input就是获取了所有input元素的数组,可以通过input[0],input[1]……这样来选定某个特定元素。

js如何在指定的div内使用getElementsByTagName获取元素

在指定的div内使用getElementsByTagName获取元素的主要代码为:

getElementById(div_id).getElementsByTagName(tag_name);

示例如下:

1、HTML结构

<div id="test">

id=test: <span>Glen</span><span>Tane</span><span>John</span><span>Ralph</span>

</div>

<div id="test1">

id=test0: <span>Glen1</span><span>Tane1</span><span>John1</span><span>Ralph1</span>

</div>

<input type='button' value='获取id为test的div下的span' onClick="fun()"/>

2、javascript代码

function fun(){

obj = document.getElementById("test").getElementsByTagName("span");

str= [];

for(i=0;i<obj.length;i++){

str.push(obj[i].innerHTML);

}

alert(str);

}

3、效果演示

getelementsbytagname :这个单词在js重视什么意思,把它拆开又是什么意思...

get elements by tag name
“获取 要素(对象) 通过 标签 名字”
”通过标签名获取对象“ == 返回带有指定标签名的对象的集合

HTML DOM getElementsByTagName() 方法

——<<HTML DOM Document 对象参考手册>>

定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
语法
document.getElementsByTagName(tagname)
说明
getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

提示和注释 :传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

实例
例子 1
例子 2
例子 3

如果您非常了解文档的结构,也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。例如,下面的代码可以获得文档中的第四个段落:

var myParagragh = document.getElementsByTagName("p")[3];

不过,我们还是认为,如果您需要操作某个特定的元素,使用 getElementById() 方法将更为有效。

参考资料:http://www.w3school.com.cn/htmldom/met_doc_getelementsbytagname.asp

getelementsbytagname :这个单词在js重视什么意思,把它拆开又是什么意思...

get elements by tag name
“获取 要素(对象) 通过 标签 名字”
”通过标签名获取对象“ == 返回带有指定标签名的对象的集合

HTML DOM getElementsByTagName() 方法

——<<HTML DOM Document 对象参考手册>>

定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
语法
document.getElementsByTagName(tagname)
说明
getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

提示和注释 :传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

实例
例子 1
例子 2
例子 3

如果您非常了解文档的结构,也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。例如,下面的代码可以获得文档中的第四个段落:

var myParagragh = document.getElementsByTagName("p")[3];

不过,我们还是认为,如果您需要操作某个特定的元素,使用 getElementById() 方法将更为有效。

参考资料:http://www.w3school.com.cn/htmldom/met_doc_getelementsbytagname.asp

用js写根据类名获取HTML标签对象的方法

/* 

* 取得对应类和标签的HTML元素 

* clsName:给定类名 

* tagName:给定的HTML元素,如果为任意 tagName='*' 

*  

*/  

function getElementsByClassName(clsName, tagName) {  

    var ClassElements = [];  

    selElements = document.getElementsByTagName(tagName);  

  

    for (var i = 0; i < selElements.length; i++) {  

        if (selElements[i].className == clsName) {  

            ClassElements[ClassElements.length] = selElements[i];  

        }  

    }  

    return ClassElements;  

}

JavaScript中几个操作元素对象的函数方法

1、getElementById(id)方法

JavaScript中的getElementById中的方法,将返回一个与它有着相同ID属性元素节点的对应对象。这里值得注意的是getElementById写法一定要注意大小写,否则会出错。

getElementById()是document对象的特有函数,它只有一个参数值:如果你想获得某个ID属性元素的值,那么它的写法如下

类似语法:

document.getElementById(ID)

2、getElementsByTagName(tag)方法

getElementsByTagName()方法返回一个对象数组,这个对象数组中的每一个对象对应着文档里有着给定标签的一个元素。

类似语法:

document.getElementsByTagName(tag)

例子:

如果想获取对象中所有的"li"标签

document.getElementsByTagName("li");

这个调用将返回一个对象数组,数组中的每一个对象分别对应里document文档中的一个列表元素(li标签)。关于这个对象数组的操作方法和其它数组一样,要以使用数组的"length"属性。

代码如下:

for(var i=0;i < document.getElementsByTagName("li").length;i++){
    //这里是操作方法
    alert(typeof document.getElementsByTagName("li")[i]);
}

3、getElementsByClassName(class)方法

getElementsByClassName()是HTML5中新增的方法,在一些老式的浏览器中不支持此方法,所有使用时要注意!

getElementsByClassName()和上面的二个函数方法一样,结合document(文档对象)使用。

类似语法:

document.getElementsByClassName(class)

JavaScript中几个操作元素对象的函数方法

1、getElementById(id)方法

JavaScript中的getElementById中的方法,将返回一个与它有着相同ID属性元素节点的对应对象。这里值得注意的是getElementById写法一定要注意大小写,否则会出错。

getElementById()是document对象的特有函数,它只有一个参数值:如果你想获得某个ID属性元素的值,那么它的写法如下

类似语法:

document.getElementById(ID)

2、getElementsByTagName(tag)方法

getElementsByTagName()方法返回一个对象数组,这个对象数组中的每一个对象对应着文档里有着给定标签的一个元素。

类似语法:

document.getElementsByTagName(tag)

例子:

如果想获取对象中所有的"li"标签

document.getElementsByTagName("li");

这个调用将返回一个对象数组,数组中的每一个对象分别对应里document文档中的一个列表元素(li标签)。关于这个对象数组的操作方法和其它数组一样,要以使用数组的"length"属性。

代码如下:

for(var i=0;i < document.getElementsByTagName("li").length;i++){
    //这里是操作方法
    alert(typeof document.getElementsByTagName("li")[i]);
}

3、getElementsByClassName(class)方法

getElementsByClassName()是HTML5中新增的方法,在一些老式的浏览器中不支持此方法,所有使用时要注意!

getElementsByClassName()和上面的二个函数方法一样,结合document(文档对象)使用。

类似语法:

document.getElementsByClassName(class)

有关js jquery 相关问题

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>Tester</title>
<style type="text/css">
</style>
<script type="text/javascript">
// 调用方法get
get ();
// 定义方法get
    function get ()
    {
// 获取ul标签集合
    var x = document.getElementsByTagName ('ul');
// 获取第一个ul中的li标签集合。
    var y = x[0].getElementsByTagName ('li');
// 循环li标签集合。
    for (j = 0; j < y.length; j++)
    {
    // 每一个li中的input元素
    var z = y[j].getElementsByTagName ('input');
    // 第2个ul标签的li集合。
    var a = x[1].getElementsByTagName ('li');
    // 上述标签集合的每个li中的img元素。
    var b = a[j].getElementsByTagName ('img');
    // 上述标签集合的每个a元素。
    var c = a[j].getElementsByTagName ('a');
    // 第4个ul标签的li集合。
    var e = x[3].getElementsByTagName ('li');
    // 未知集合中每个元素里面的img元素。
    var f = e[j].getElementsByTagName ('img');
    
    // 将上述获取到的变量赋值给z集合的每个变量。
    z[1].value = b[0].src;//大海报
    z[0].value = c[0].href;//链接
    z[2].value = f[0].src;//文字图层
    z[3].value = f[0].src;//按钮图层
    }
// 给id为daima的标签的值赋予content的id的内嵌html。
    document.getElementById ('daima').value = trim (document.getElementById ('content').innerHTML);
    }
// 回答完毕,采纳即可。
</script>
</head>
<body>
</body>
</html>

有关js jquery 相关问题

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>Tester</title>
<style type="text/css">
</style>
<script type="text/javascript">
// 调用方法get
get ();
// 定义方法get
    function get ()
    {
// 获取ul标签集合
    var x = document.getElementsByTagName ('ul');
// 获取第一个ul中的li标签集合。
    var y = x[0].getElementsByTagName ('li');
// 循环li标签集合。
    for (j = 0; j < y.length; j++)
    {
    // 每一个li中的input元素
    var z = y[j].getElementsByTagName ('input');
    // 第2个ul标签的li集合。
    var a = x[1].getElementsByTagName ('li');
    // 上述标签集合的每个li中的img元素。
    var b = a[j].getElementsByTagName ('img');
    // 上述标签集合的每个a元素。
    var c = a[j].getElementsByTagName ('a');
    // 第4个ul标签的li集合。
    var e = x[3].getElementsByTagName ('li');
    // 未知集合中每个元素里面的img元素。
    var f = e[j].getElementsByTagName ('img');
    
    // 将上述获取到的变量赋值给z集合的每个变量。
    z[1].value = b[0].src;//大海报
    z[0].value = c[0].href;//链接
    z[2].value = f[0].src;//文字图层
    z[3].value = f[0].src;//按钮图层
    }
// 给id为daima的标签的值赋予content的id的内嵌html。
    document.getElementById ('daima').value = trim (document.getElementById ('content').innerHTML);
    }
// 回答完毕,采纳即可。
</script>
</head>
<body>
</body>
</html>

javascript getElementsByTagName

getElementsByTagName获取的是一组对象,因为当前可能有多个相同的标签,比如你这里就有3个。

所以con 实际上是一组对象。

应该这么写
var con = document.getElementsByTagName("div");
alert(con[1].innerHTML);

javascript getElementsByTagName

getElementsByTagName获取的是一组对象,因为当前可能有多个相同的标签,比如你这里就有3个。

所以con 实际上是一组对象。

应该这么写
var con = document.getElementsByTagName("div");
alert(con[1].innerHTML);

js中该如何使用getElementsByTagName

div的di设置为aaaa
然后在你的run方法里
写var text = document.getElementById("aaaa").innerHTML;追问
这个是某网站中的信息,改不了属性
window.location.href="URL"我的意思是打开某网站,获取其某元素的信息

追答印象里没有id或则name基本就拿不到了。。。
如果不能改网站,那就没办法了。
如果能改动页面(不改TAG),还勉强能做出来。
就是在外键再包一个div,这个取id
然后getElementById(id).getElementsByTagName("div");即找到指定ID里的div(因为新加的这个DIV里就只有一个DIV,所以能定位到这个元素)

js中该如何使用getElementsByTagName

div的di设置为aaaa
然后在你的run方法里
写var text = document.getElementById("aaaa").innerHTML;追问
这个是某网站中的信息,改不了属性
window.location.href="URL"我的意思是打开某网站,获取其某元素的信息

追答印象里没有id或则name基本就拿不到了。。。
如果不能改网站,那就没办法了。
如果能改动页面(不改TAG),还勉强能做出来。
就是在外键再包一个div,这个取id
然后getElementById(id).getElementsByTagName("div");即找到指定ID里的div(因为新加的这个DIV里就只有一个DIV,所以能定位到这个元素)

js取小数点后设置不同字体大小,如何简写

<!DOCTYPE html>
<html>
<head>
<title>By Qmlu</title>
<style>
.integral { font-size:30px; color:red;}
.decimal { font-size:18px; color:green;}
</style>
</head>
<body>
<p class="num">1234567.45678</p>
<p class="num">0</p>
<p class="num">123</p>
<p class="num">3.1415926</p>
<script>
var tags = document.getElementsByTagName('p');
for(var i = 0, len = tags.length; i < len; i++) {
var num = tags[i].innerHTML;
if(num.indexOf('.') == -1) {
tags[i].innerHTML = '<span class="integral">' + num + '<\/span>';
} else {
var integral = num.substring(0, num.indexOf('.'));
var decimal = num.substring(num.indexOf('.'));
tags[i].innerHTML = '<span class="integral">' + integral + '<\/span><span class="decimal">' + decimal + '<\/span>';
}
}
</script>
</body>
</html>

因为是通过小数点分割小数的,所以当不是小数的时候就会有问题。
我改了一下。你再看看吧。

不可能。。。

js取小数点后设置不同字体大小,如何简写

<!DOCTYPE html>
<html>
<head>
<title>By Qmlu</title>
<style>
.integral { font-size:30px; color:red;}
.decimal { font-size:18px; color:green;}
</style>
</head>
<body>
<p class="num">1234567.45678</p>
<p class="num">0</p>
<p class="num">123</p>
<p class="num">3.1415926</p>
<script>
var tags = document.getElementsByTagName('p');
for(var i = 0, len = tags.length; i < len; i++) {
var num = tags[i].innerHTML;
if(num.indexOf('.') == -1) {
tags[i].innerHTML = '<span class="integral">' + num + '<\/span>';
} else {
var integral = num.substring(0, num.indexOf('.'));
var decimal = num.substring(num.indexOf('.'));
tags[i].innerHTML = '<span class="integral">' + integral + '<\/span><span class="decimal">' + decimal + '<\/span>';
}
}
</script>
</body>
</html>

因为是通过小数点分割小数的,所以当不是小数的时候就会有问题。
我改了一下。你再看看吧。

不可能。。。

六三科技网还为您提供以下相关内容希望对您有帮助:

js如何获取某id的子标签?

1、var a = document.getElementById("test").getElementsByTagName("div");代码的test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。2、var b...

javascript 里面的 getElementsByTagName() 是怎么用的?

比如一个页面里有多个input标签,getElementsByTagName(‘input’)可以获取所有input元素,返回的结果是一个数组,可以使用索引数组来标记。比如:var input=getElementsByTagName(‘input’);input就是获取了所有input元素的数组...

js如何在指定的div内使用getElementsByTagName获取元素

function fun(){obj = document.getElementById("test").getElementsByTagName("span");str= [];for(i=0;i&lt;obj.length;i++){str.push(obj[i].innerHTML);}alert(str);}3、效果演示 ...

JS如何获取页面内所有的标签元素?

1、简单的HTML页面,放入一些img标签:2、页面载入完成后,读取img标签:3、展示页面:4、打开开发者模式,浏览器console:(已读取)5、错误分析,getElementByTagName:(少了一个s,Elements)...

getElementsByTagName

说 明 tagname 是一个字符串,代表找到的元素卷标名称。使用tagname "*"传回文件中所有找到的元素。范 例 objNodeList = xmlDoc.getElementsByTagName("*");alert(objNodeList.item(1).xml);=== getElements...

js获取html元素的方式

js获取html元素的方式 +通过ID获取:getElementById('id属性值')+通过标签名:getElementsByTagName('标签名')+通过类名:getElementsByClassName('类名')+通过name属性:getElementsByName('name属性值')+通过选择器获取一个...

怎么用js获取表单里input标签下的name参数的值并修改?

1、设计一个html页面,包括一个input和按钮,通过按钮修改input的name属性,并展示在input的value中。2、执行函数如下:用getElementsByTagName把所有的input对象取出来,通过.value的方式赋值。3、此时的页面展示如下:4、查看...

JavaScript如何获取光标所在的文本框的name?

这个有点难度。如果使用jquery获取就会很简单。用js的话。暂时没有想到。要不然你可以给文本框加个onfocus事件。例如这样: js代码写成下面这样。function GetYes(obj) { alert("文本框的名字是:"+obj.name);} ...

javascript的dom访问页面元素常见的方法有哪些

(3)document.getElementsByTagName(tagName) :该方法是通过节点的Tag获取节点,同样该方法也是返回一个数组,例如:document.getElementsByTagName('A')将会返回页面上所有超链接节点。在获取节点之前,一般都是知道节点的类型...

如何用JavaScript改变标签p中的数据?

_el = document.getElementsByTagName('*');for (var i=0; i&lt;_el.length; i++ ) { if (_el[i].className ==classofP ) { el[el.length] = _el[i];} } return el;} var x=getElementsByClassName("p...

Top