1. 程式人生 > >JS中簡單的一些基礎語法記錄

JS中簡單的一些基礎語法記錄

獲取指定的元素
通過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("點選事件...")
})