dom节点

最新推荐文章于 2024-09-30 15:42:36 发布

关山月！

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量254

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_44890321/article/details/121735441

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			console.log(document.nodeType);
			console.log(document.nodeName);
			//根节点
			var root= document.documentElement;
			console.log(root.nodeName);
			//子节点
			console.log(root.childNodes[2].childNodes);
			 //属性节点   包含在元素节点中         获取是通过元素节点来获取
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
		/*2 对象函数        
		
		
		*1.
		* toString(radix)     number ->String
		*
		* 2.
		* toFixed(n) 保留小数
		*
		* 3.
		* 字符串函数 
		* 
		* 
		* 
		* 
		* 
		* 
		* */

			var a=0x12;
			console.log(typeof(a));//判断数据类型
     		console.log(a.toString());
			console.log(typeof(a.toString()));
			document.write(console.log(a.toString()));
			
			
			console.log(a.toFixed(2))//保留小数  小数不足就补位 并且最终转换成十进制数
			
			
			
			
			var b ="wecomee";
			console.log(b.indexOf('e',0)) //返回字符串对应的下标 -1 就是不存在
			console.log(b.lastIndexOf('m'))
			console.log(b[5]);	
			console.log(b[0])
		</script>
		
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--全局函数       全局对象的函数      函数（参数）
		对象的函数   实例化对象     对象.函数（参数）
		
		
		1.全局函数    ：     alret（）   confirm（）  promt（）
		eval 函数参数 是字符串   执行字符串
		
		1.
			escape()编码函数  and unescape()解码函数		
		2. 	
			escape()将参数编码并返回 
	  		unescape()将参数解码并返回
			不会对 字符 数字进行编码
		3. 
			parseFloat(String)   String ->number  实数
			parseInt(String,radix)   radix -> 第一个参数的基数（进制数）("0101",2) 十进制的正数
		4. 
			 isNaN 返回值机是t/f 判断参数是不是数字
		
		-->
		
		<!--eval-->
		<script type="text/javascript">
//			var x= "输出";
//			document.write(x);
//			eval("var x= '输出';document.write(x);")
			//"' ' " -> yes    """" ->  no
//		//模板字符串 ：${变量/表达式}
			document.write(`"100"转换后为${parseFloat("12 34")}<br/>`);
			document.write("\"100\"转换后为："+ parseFloat("100")+"<br/>") 
			document.write("\"12 34 56\" 转换后为："+ parseFloat("12 34 56") + "<br />")
			document.write("十进制\" 63\"转换成整数结果为:" + parseInt("63" , 10)+"<br />")
			document.write("二进制'11'转换成整数结果为:" + parseInt("11" , 2)+"<br />")
			document.write("八进制'77'转换成整数结果为:" + parseInt("77" , 8)+"<br />")
			
			
			
			
			
			x = 100
			document.write("x是否为数值" + isNaN(x)+"<br />");
			
			
		

//			<!--2 对象函数        1.toString(radix)     number ->String -->

			var a=0x12;
			console.log(typeof(a));
     		console.log(a.toString());
			console.log(typeof(a.toString()));
//			document.write(console.log(a.toString()));
			
			
			console.log(a.toFixed(2))
			
		</script>
	</body> 
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>dom节点的访问方法</title>
		
		
		
		
	</head>
	<body>
		<form action="" method="post">
			姓名<input type="text" name="user" id="user" value="张三" /> <br />
			密码 <input type="password" name="pass" id="pass" value="" /><br />
			<input type="submit" value="提交"/>
		</form>
		<script type="text/javascript">
			var a = document.getElementById("user")//参数是Id属性值  参数是必须的 返回的是一个节点
			console.log(a);//姓名后面的input 标记  
			
			
			function $(a){
				
			return	document.getElementById(a)
			}
			var a = $("user");//参数是ID的属性值
			console.log(a)
			//属性节点通过元素节点获取
			//a.value //元素节点.value
			console.log(a.value);//input标记的一个属性
//			document.getElementById("id") 参数必须  返回第一个节点
//			document.getElementsByName("name")参数必须  通过name属性找元素
//			返回一个数组 不管页面中有没有符合元素都返回数组
//          tag:标签标记   通过标记名称来  返回的是数组
//			document.getElementsByTagName("Tagname")
//			document.getElementsByClassName("classname")  通过class属性来找对象
 			 
		</script>
		
		
	</body>
</html>