获得HTML元素的3种方法

最新推荐文章于 2021-06-07 13:39:43 发布

iteye_15712

最新推荐文章于 2021-06-07 13:39:43 发布

阅读量256

点赞数

分类专栏： JavaScript 文章标签： HTML JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_15712/article/details/81790752

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

一.getElementById方法

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" >
	function showText()
	{
		var oText = document.getElementById("my_text");//得到文本框元素
		oText.value = "haha";//向文本框中赋值
	}
</script>
</head>

<body>
<input type="text" id="my_text" />
<input type="button" οnclick="showText()" value="向文本框中赋值" />
</body>

二.getElementsByName方法

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" >
	function showText()
	{
		var oText = document.getElementsByName("txt");//得到所有name为txt的元素集合
		for(var i = 0; i < oText.length; i++)
		{
			oText[i].value = i;
		}
	}
	
</script>
</head>

<body>
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="button" οnclick="showText()" value="向文本框中赋值" />
</body>

三.getElementsByTagName方法

<title>无标题文档</title>
<script type="text/javascript" >
	function showText()
	{
		var oText = document.getElementsByTagName("input");//得到所有input对象
		for(var i = 0; i < oText.length; i++)
		{
			alert(oText[i].type);//显示该节点的类型
		}
	}
	
</script>
</head>

<body>
<input type="text" name="txt" />
<input type="checkbox" name="cb" />
<input type="password" name="pwd"  />
<input type="button" οnclick="showText()" value="显示" />
</body>

iteye_15712

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获得HTML元素的3种方法

一.getElementById方法&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;script type="text/javascript" &gt;
复制链接

扫一扫