Javascript学习笔记2:DOM,window

<!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>

javascript直接调用css

Javascript学习笔记2:DOM,window_第1张图片

Javascript学习笔记2:DOM,window_第2张图片
代码示例:
Javascript学习笔记2:DOM,window_第3张图片

推荐第三种写法。

Javascript学习笔记2:DOM,window_第4张图片

Javascript学习笔记2:DOM,window_第5张图片

window

Javascript学习笔记2:DOM,window_第6张图片
Javascript学习笔记2:DOM,window_第7张图片

Javascript学习笔记2:DOM,window_第8张图片

Javascript学习笔记2:DOM,window_第9张图片

Javascript学习笔记2:DOM,window_第10张图片

Javascript学习笔记2:DOM,window_第11张图片

你可能感兴趣的:(学习日记)