JavaScript DOM 学习(2) 获取属性结点

最新推荐文章于 2022-07-30 18:58:27 发布

韦轩

最新推荐文章于 2022-07-30 18:58:27 发布

阅读量541

点赞数

分类专栏： JavaScript DOM

本文链接：https://blog.csdn.net/weiyongxuan/article/details/44685935

版权

JavaScript DOM 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html>
<head>
<title>TestJs.html</title>
<script type="text/javascript">
//如何获取指定的元素结点?
window.οnlοad=function(){
	//1、获取id为bj的那个节点，在编写时，确保结点id唯一
	//该方法是document对象的方法
	var bj=document.getElementById("bj");
	alert(bj+"bj");
	//2、获取所有的li结点，返回的是一系列的值,使用标签名获取指定的标签名
	//该方法为node接口的方法，即，任何一个结点都有这个方法
	var arrli=document.getElementsByTagName("li");
	alert(arrli.length+"arrli");
	//获取指定结点的指定子节点
	var city=document.getElementsByTagName("city");
	alert(city.length+"city");
	//3、根据html文档元素的name属性名来获取指定的结点的集合
	var gendernode = document.getElementsByName("gender");
	alert(gendernode.length+"gendernode");
}
</script>
</head>

<body>
	<p> which city do you like ?</p>
	<ul id="city">
		<li id="bj" name="Beijing" >Beijing</li>
		<li id="cd" name="chengdu" >chengdu</li>
		<li id="xian" name="xian" >xian</li>
		<li id="hz" name="hangzhou" >hangzhou</li>
	</ul>
	<br></br>
		<p> which game do you like ?</p>
	<ul id="game">
		<li id="cf" name="cross fire" >cross fire</li>
		<li id="lol" name="LOL" >LOL</li>
		<li id="dota" name="dota" >DOTA</li>
	</ul>
	<br></br>
	gender:
	<input type="radio" name="gender" value="male"/>Male
	<input type="radio" name="gender" value="female"/>Female
	</body>
</html>

韦轩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript DOM 学习(2) 获取属性结点

TestJs.html//如何获取指定的元素结点?window.onload=function(){ //1、获取id为bj的那个节点，在编写时，确保结点id唯一 //该方法是document对象的方法 var bj=document.getElementById("bj"); alert(bj+"bj"); //2、获取所有的li结点，返回的是一系列的值,使用标签名获取指定的标签
复制链接

扫一扫

专栏目录