JS中簡單的一些基礎語法記錄
阿新 • • 發佈:2019-02-03
獲取指定的元素
通過id屬性獲取: document.getElementById("id屬性"); //注意:標籤的id值必須唯一
通過標籤名字獲取: document.getElementByTagName("標籤的名字");
通過name屬性值獲取: document.getElementByName("name的值");
新增標籤 (注意:要新增的標籤不存在時,需要先建立)
document.createElement("標籤名"); //建立標籤,返回一個新標籤
$d1.appendChild(標籤$a);//將$a新增到d1中關聯
//方式二新增 $d1.innerHTML="<span>文字</span>";//文字 innerHTML:可以在新增內容中寫標籤,這些標籤將被作為語法 $d1.innerText="<span>文字</span>";//<span>文字</span>
刪除標籤
$div.removeChild("標籤名");
給標籤設定,獲取屬性
設定:標籤名$a.setAttribute("屬性名","值");
獲取:標籤名$a.getAttribute("屬性名");
通過js給標籤新增樣式
標籤名.style.backgroundColor = "red";
給標籤的class屬性設定樣式 (class類選擇器)
<style> .cls { font-size: 30px; } </style> <script> 標籤名.className = "cls";//通過操作class屬性來給當前的標籤新增一個樣式 </script>
註冊點選事件 標籤名.onclick=function(){ console.debug("點選") } (注意:同標籤多個點選事件會執行最後一個事件! ) <a href="javascript:void(0)" onclick="show()" >連結</a>
繫結事件addEventListener
標籤物件.addEventListener("事件名稱click",匿名函式,[事件觸發順序,預設是冒泡false]); ( 注意:同一個事件可以給同一個標籤註冊多次!)
$d.addEventListener("click",function(){ console.debug("點選事件...") })