013_JS中DOM获取标签对象的方法

最新推荐文章于 2023-03-27 20:15:33 发布

五指山西

最新推荐文章于 2023-03-27 20:15:33 发布

阅读量202

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44014460/article/details/106773648

版权

本文介绍了JavaScript中两种主要的DOM获取标签对象的方法：直接获取和简介获取方式，并附带了部分操作截图。

摘要由CSDN通过智能技术生成

直接获取方式和简介获取方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			/********直接获得节点对象的方式********/
	    //通过Id来获取节点元素;获得单个对象
		function getusrname(){
   
			var UsrNameID = window.document.getElementById("usrname")
			alert(UsrNameID)
			
		}
		//通过标签名称来获得元素对象。实例通过input标签获得所有input标签对像
		function GetInputObj(){
   
			//这里获得是一个集合对象
			var inputs = document.getElementsByTagName("input");
			alert(inputs.length)
			console.log("所有"+inputs)
		}
		// 通过标签的name属性来获得节点
		function Gethoby(){
   
			var hobys = document.getElementsByName("hoby")
			alert