Javascript学习笔记2：DOM，window

程序员文章站 2022-04-10 23:27:43

...

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id='main' data='nihao'>123</div>
	<img src ='1.jpg' id = 'image'/>
	<a id='goUrl' href="">跳到百度</a>
	<script type="text/javascript">
		var main = document.getElementById('main');
		main.innerHTML= 'hello world';

		/**
		*  element.getAttribute()
		*  element.setAttribute()
		*  element.src
		*  element.href
		*/
		// alert(main.getAttribute("data"));

		main.setAttribute("data","buhao");
		alert(main.getAttribute("data"));

		main.setAttribute("dd","ddname");
		//在输出台能看到新加了一个属性

		var image = document.getElementById("image");
		image.src = '2,jpg';

		var goUrl = document.getElementById("goUrl");
		goUrl.href = "www.baidu.com";
	</script>
	
</body>
</html>