【DOM 編程藝術】3.5 獲取和設置屬性

getAttribute用於獲取各個屬性，setAttribute方法可以更改屬性節點的值。

1.getAttribute

getAttribute不能通過document來調用，只能通過元素節點對象調用，比如可以與getElementsByTagName方法合用。

<script type="text/javascript">
    //想獲取p標籤的title屬性：
    var title = document.getElementsByTagName("p");
    console.log(title[0].getAttribute("title")); //a genele reminder
</script>

多個元素：

<script type="text/javascript">
    //想獲取多個p標籤的title屬性：
    var title = document.getElementsByTagName("p");
    for(var i=0;i<title.length;i++){
        console.log(title[i].getAttribute("title"));
    }
</script>

如果頁面中有多個p標籤，且有的p標籤沒有title屬性，那麼會輸出一個null，爲了不讓null輸出，代碼可以做如下修改：

<script type="text/javascript">
    var title = document.getElementsByTagName("p");
    for(var i=0;i<title.length;i++){
        var titleText = title[i].getAttribute("title");
        if(titleText)
            console.log(titleText);
    }
</script>

2.setAttribute

<script type="text/javascript">
    //爲h1添加一個text屬性，屬性值是h2
    var text = document.getElementsByTagName("h1");
    text[0].setAttribute("text","h2");
</script>