1、HTML中元素的id屬性：
筆記：
1、在HTML檔案當中，任何元素（節點）都有id屬性，id屬性是該節點的唯一標識，所以在同一個HTML檔案當中id值不能重復，
2、注意：表單提交資料的時候，只和name有關系，和id無關，
3、id有什么用？
javascript可以對HTML檔案當中的任意節點進行增刪改，那么增刪改之前需要先拿到這個節點，通常我們通過id來拿節點物件，
id的存在讓我們獲取元素（節點）更方便，
4、HTML檔案是一棵樹，樹上有很多節點，每一個節點都有唯一的id，
javascript主要就是對這棵DOM樹上的節點進行增刪改的，
DOM(Document)樹，
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中元素的id屬性</title>
</head>
<body id="mybody">
<form id="myform">
<input type="text" id="username" name="username"/>
<input type="password" id="userpwd" name="userpwd"/>
<!--id就是節點的身份證號碼，不能重復，-->
<!--
<input type="text" id="username" />
-->
</form>
</body>
</html>
谷歌瀏覽器：這也沒啥展示的啊，看看筆記得了， φ(゜▽゜*)?
2、HTML中的div和span：
筆記：
1、div和span是什么？有什么用？
* div和span都可以稱為“圖層”
* 圖層的作用是為了保證頁面可以靈活的布局，
* 圖層就是一個一個的盒子，div嵌套div就是盒子套盒子，
* div和span是可以定位的，只要定下div的左上角的x軸和y軸坐標即可，
2、其實最早的網頁是采用table進行布局的，但是table不靈活，太死板，
現代的網頁開發中div布局使用最多，幾乎很少使用table進行布局了，
3、div和span的區別？
div獨自占用一行（默認情況下）
span不會獨自占用一行，
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中的div和span</title>
</head>
<body>
<div id="div1">我是一個DIV</div>
<div id="div2">我是一個DIV</div>
<span id="span1">我是一個SPAN標簽</span>
<span id="span2">我是一個SPAN標簽</span>
<div id="div3">
<div>
<div>test</div>
</div>
</div>
</body>
</html>
谷歌瀏覽器：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/413097.html
標籤：其他
上一篇：【HTML】筆記（3）--- form表單；實作用戶注冊表單；下拉串列支持多選；file控制元件；readonly與disabled；maxlength