                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么getElementsByName就不能设置成红色呢？

<!DOCTYPE HTML>

<html>

<head>

<script type="text/javascript">

function getnum(){

var mynode= document.getElementsByName("myt");

mynode.style.color="red";

}

</script>

</head>

<body>

<input name="myt" type="text" value="1">

<input name="myt" type="text" value="2">

<input name="myt" type="text" value="3">

<input name="myt" type="text" value="4">

<input name="myt" type="text" value="5">

<input name="myt" type="text" value="6">

<br />

<input type="button" onclick="getnum()" value="看看有几项？" />

</body>

</html>

qq_赵成冬_0

2016-08-23

源自：JavaScript进阶篇 9-2

关注问题我要回答

1611

操作

收起

4 回答

折翼天使I
2016-10-26

你有没有发现”getElementsByName“与”getElementById“相比，它的Element多了一个S，这就是提示你这个方法获取的是一组元素，而不是如ID那样是一个元素，在数组阶段除了Length属性外，其他没学，我现在也只能一个个更改数组内的内容，参考代码如下：

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function getnum(){
 var mynode= document.getElementsByName("myt");
 for(var i=0;i<mynode.length;i++)
 {
   mynode[i].style.color="red";
 }
}
</script>
</head>

<body>
<input name="myt" type="text" value="1">
<input name="myt" type="text" value="2">
<input name="myt" type="text" value="3">
<input name="myt" type="text" value="4">
<input name="myt" type="text" value="5">
<input name="myt" type="text" value="6">

<br />
<input type="button" onclick="getnum()" value="看看有几项？" />
</body>

4 回复有任何疑惑可以回复我~

薇笑的夏娃
2016-09-24

此时获得的mynode是一个对象数组，即mynode=[input,input,...,input],是六个input对象。如果你要访问，必须加上索引来访问对象数组中的每一个元素即：mynode[0]访问第一个input，依次类推。要是input里面的值变成红色可使用以下设置：

for(var i in mynode) {//遍历数组，获取其每一个元素，相当于for（i=0;i<=mynode.length;i++)

mynode[i].style.color="red"；//设置每一个元素的样式

}

0 回复有任何疑惑可以回复我~

魔法师李维
2016-09-14

因为getElementsByName获取到的是一个数组，数组本身不是DOM对象，当然没有DOM对象的属相和方法

数组属性：

length 用法：<数组对象>.length；返回：数组的长度，即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

数组方法：

数组对象属性方法

0 回复有任何疑惑可以回复我~

那夜淡妆的你
2016-08-23

可能是你代码打错了仔细看看有可能是backgroundcolor

0 回复有任何疑惑可以回复我~

#1

qq_赵成冬_0 提问者

不是的

2016-08-23 回复有任何疑惑可以回复我~

#2

bwin 回复 qq_赵成冬_0 提问者

mynode 是个集合要具体到每一个才能设置背景 mynode[i]

2016-08-31 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468046 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

1 回答为什么就是不变色呢？

2 回答为什么getElementById不能写成getElementsById（后面的那个t后有s,而getElementsByName不能写成getElementByName？

1 回答为什么不设置bgcchange函数就改变不了背景颜色

2 回答为什么白色没有盖住红色

1 回答为什么将倒数代码函数设置传递参数就不能倒数了呢

搜索更多本课相关问答

为什么getElementsByName就不能设置成红色呢？

我要回答关注问题

意见反馈帮助中心 APP下载