Kezdőlap Felfedezés Súgó
Bejelentkezés
lovecoding
/
VIP32
10
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Forráskód Böngészése

html5

e 1 éve
szülő
d9e70e3ac9
commit
c5f56eef45
2 módosított fájl, 68 hozzáadás és 0 törlés
Egyesített Nézet Diff Statisztika Mutatása
  1. 32 0
      html5/5.选择器.html
  2. 36 0
      html5/6.属性.html

+ 32 - 0
html5/5.选择器.html
Fájl Megtekintése 

@@ -0,0 +1,32 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <ul id="list"  class="main">
 
+        <li>333</li>
 
+        <li>333</li>
 
+        <li>333</li>
 
+    </ul>
 
+    <!-- 
+        通过css选择器获取
 
+            querySelector、getElementById 获取标签元素
 
+            querySelectorAll、getElementsByClassName、getElementsByTagName 获取的是数组（类数组）
 
+     -->
 
+     <script>
 
+        var ul = document.querySelector("ul");
 
+        var ul1 = document.getElementById("list");
 
+        console.log(ul);
 
+        console.log(ul1);
 
+        var lis = document.querySelectorAll("ul li");
 
+        var lis2 = document.getElementsByClassName("main");
 
+        var lis1 = document.getElementsByTagName("li");
 
+        console.log(lis);
 
+        console.log(lis2);
 
+        console.log(lis1);
 
+     </script>
 
+</body>
 
+</html>

+ 36 - 0
html5/6.属性.html
Fájl Megtekintése 

@@ -0,0 +1,36 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <div id="box" data-name="box1" data-aa-bb="ab">这是一个盒子</div>
 
+    <!-- 
+        给元素自定义属性
 
+            dom.属性名 = 属性值
 
+        设置：
 
+            1.dom.dataset.属性名 = '属性值'
 
+            2.dom.setAttribute('属性名',属性值)
 
+        读取：
 
+            1.dom.dataset.属性名
 
+            2.dom.getAttribute('属性名')
 
+     -->
 
+     <script>
 
+        var box = document.getElementById("box");
 
+        box.dataset.age = 18;
 
+        box.dataset.sex = '女';
 
+        box.aa = '11';
 
+        console.log(box.aa)
 
+        console.log(box.dataset.age)
 
+        console.log(box.dataset.sex)
 
+        console.log(box.dataset.name)
 
+        // 驼峰命名法
 
+        console.log(box.dataset.aaBb)
 
+        
+        box1.setAttribute('address','哈尔滨');
 
+        console.log(box.getAttribute('address'))
 
+     </script>
 
+</body>
 
+</html>