JavaScript常用属性

最新推荐文章于 2023-07-17 13:36:01 发布

一地鸡毛_0101

最新推荐文章于 2023-07-17 13:36:01 发布

阅读量327

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37555897/article/details/72473832

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<title>常用属性</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	</head>

	<body>
	
		<div id="div1" class="DIV1">  </div>
		
		<input type="button" id= "btn" value="按钮" />
		<div id="box">
			<p>标题</p>
			这里是一段文字
		</div>
	<script type="text/javascript">
		
		/*
		 * className
		 * 注意：class是js中的一个保留字，它是不允许我们使用的
		 *    在获取class的时候，不能用class，而要用className
		 * 
		 * 
		 * innerHTML
		 *  1.获取的是一个标签对里的所有内容
		 *     如果标签对当中有其他的标签，那一样会拿到其他的标签
		 * 
		 * 2.在给innerHTML设置值的时候，如果这个值里面有html标签，
		 *   那放到网页当中，浏览器会把它解析成一个真正的html标签
		 * 
		 * href和src
		 *   获取的是绝对路径(http://127.0.0.1:8020……)，而不是我们所填写的路径值
		 */
		var div1 = document.getElementById("div1");
		console.log(div1.class);//undefined
		console.log(div1.className);//DIV1
		
		var  btn = document.getElementById("btn");
		var  box = document.getElementById("box");
		btn.onclick = function(){
			console.log(box.innerHTML);
			box.innerHTML = "我改变了<br /><a href='http://www.163.com'>点我去网易</a>";
		};
		
	</script>
	</body>
</html>

一地鸡毛_0101

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript常用属性

常用属性标题这里是一段文字 /* * className * 注意：class是js中的一个保留字，它是不允许我们使用的 * 在获取class的时候，不能用class，而要用className * * * innerHTML * 1.获取的是一个标签对里的所有内
复制链接

扫一扫