js直接用id名获取对象,这样用好吗

js直接用id名获取对象,这样用好吗,第1张

为什么可以通过id直接访问对象,是因为所有的元素ID都相当于一个保存对象的全局变量。

通过id直接访问对象还存在兼容问题。

建议用documentgetElementById标准的形式获取对象。

如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象。

如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名

如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个。

但是如果网页有两个相同ID的元素,就有点差异了:

<html>

<head>

    <script type="text/javascript">

        function getInput() {

            var mydiv = documentgetElementById("div1");

            alert(mydivlength);//mydiv是DispHTMLElement

            alert(div1length);//div1是DispHTMLElementCollection

        }

    </script>

</head>

<body>

    <div id="div1">123</div>

    <div id="div1">456</div>

    <input type="button" value="Test" onclick="getInput()" />

</body>

</html>

在js或者jQuery下面得到指定的div下面的指定a标签的方法:

1、通过id直接获取所需a标签:$("#ids");

2、通过从属关系获得a标签。

$("div a");然后对取得的元素遍历,找到需要的a标签即可。

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()。

以上就是关于js直接用id名获取对象,这样用好吗全部的内容,包括:js直接用id名获取对象,这样用好吗、JS如何查找所有div中所有a标签中属性color = red的 对象,然后alert该对象的ID、怎样在页面获取js对象的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存