js怎么获取多个控件属性值

js怎么获取多个控件属性值,第1张

给控件都取同一个名字n1

var names=documentgetElementsByName("n1");

for(var i=0;i<nameslength;i++){

alert(names[i]value);

}

这个其实不难,主要是获取当前的标签,并添加样式,然后给其他的标签的样式设为无就可以了代码如下:

<!doctype html>

<html>

<head>

<title>js获取二级菜单p元素</title>

<style>

ps{width:100px; height:45px; background:#fc0; color:#000;}

</style>

<script>

windowonload=function(){

    var spans=documentgetElementById("qm-p");//获取span标签,这样方便下一步获

    取二级菜单

         

     var menuP=spansgetElementsByTagName("p");//通过getElementsByTagName标签获

     取p标签

     

     for(i=0;i<menuPlength;i++){  //遍历二级菜单

     menuP[i]onclick=function(){

       

      for(j=0;j<menuPlength;j++){

              menuP[j]className=""; //给其他标签样式设为无            

}  

   thisclassName="ps";//给当前标签添加样式

}

        

 

}

 

}

</script>

</head>

<body>

<li ><a href="javascript:;" id="mine-qm" >启蒙</a>

<span id="qm-p">

<p>爱的世界</p>

<p>中文启蒙</p>

<p>美猴王汉语·幼儿</p>

</span>

</li>

</body>

</html>

希望可以帮到你,还有什么疑问随时追问

由于html代码中,id是不允许重复的,所以,我把id,修改成了class

<div class="infoline">

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="aaajpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="bbbjpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="cccjpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

        </div>    <script src="Scripts/jquery-182js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            var arrayImgs = [];

            $("divinfo imgmarginImg")each(function () {

                alert($(this)attr("src"));

                arrayImgspush($(this)attr("src"));

            });

        });

    </script>

以上就是关于js怎么获取多个控件属性值全部的内容,包括:js怎么获取多个控件属性值、如何用JS获取多个P标签里的我选中的那个并添加CSS样式、关于JS获取多个div下多个img的src的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9376458.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存