首页getElementByTagName 和 getElementByName的区别

getElementByTagName 和 getElementByName的区别

时间: 2024-01-14 17:04:46 浏览: 146

getElementByTagName和getElementByName是两个不同的方法，用于访问HTML文档中的元素。 getElementsByTagName方法通过元素的标签名称获取元素，返回一个NodeList对象，包含所有符合条件的元素。例如，如果想获取所有的p元素，可以使用以下代码： ``` var paragraphs = document.getElementsByTagName("p"); ``` 而getElementByName方法则是通过元素的name属性获取元素，返回一个NodeList对象，包含所有符合条件的元素。例如，如果想获取name属性为"myInput"的所有input元素，可以使用以下代码： ``` var myInputs = document.getElementsByName("myInput"); ``` 可以看出，两者的区别在于获取元素的方式不同，一个是通过标签名称，一个是通过name属性。

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <form name="form1"> 请输入年份：<input type="text" name="year" value=""> <button name="b1" onclick="cl()"> 是否是闰年 </button> </form> <script> var a=document.getElementByTagName('year'); function cl(a) { if((a%4==0)&&((a%100!=0)||(a%400==0)) { alert(a+"是闰年"); } else{ alert(a+"不是闰年"); } } </script> </body> </html>

这是一个简单的 HTML 页面，其中包含一个表单和一些 JavaScript 代码。该表单要求用户输入一个年份，然后单击按钮以检查该年份是否为闰年。JavaScript 代码将获取用户输入的年份，然后根据这个年份计算是否为闰年，并弹出相应的结果。需要注意的是，该代码中存在一个语法错误，应该将 `getElementByTagName` 更正为 `getElementByName`。

阅读全文