document.getElementById()和document.getElementsByName()的使用区别

最新推荐文章于 2024-08-14 16:53:41 发布

对明天的期待丶

最新推荐文章于 2024-08-14 16:53:41 发布

阅读量1.4k

点赞数 1

文章标签： JS

本文链接：https://blog.csdn.net/qq_39429962/article/details/83019651

版权

我们在对某一元素进行操作时总是要先获取其在文档中的结点，然后对该节点进行操作，这时我们可以通过id和name去获取节点

方式一：document.getElementById();

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div name="div" id="div" style="width:100px;height:100px;background:#aaa;"></div>
        <button onclick="change()">按钮</button>
    <script>
		function change(){
			var div = document.getElementById("div");
			div.style.background = "#faa";
		}
		</script>
    </body>
</html>

方式二：document.getElementsByName();

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div name="divName" id="div" style="width:100px;height:100px;background:#aaa;"></div>
        <button onclick="change()">按钮</button>
    <script>
		function change(){
			var div = document.getElementsByName("divName");
			div[0].style.background = "#faa";
		}
		</script>
    </body>
</html>