網頁的制作離不開JavaScript(JS)今天就說說那些關于JavaScript(JS)操作DOM節點的一些屬性,做個記錄,以備后續查找!

getattribute()

DOM提供了一個名為getElementById的方法,這個方法將返回一個與之對應id屬性的節點對象。使用的時候請注意區分大小寫。

getattribute(),getattribute(),getElementsByTagName(),getElementsByClassName(),HTML DOM getAttribute() 方法,setAttribute(),JS操作DOM的屬性

国产视频app它是document對象特有的函數,只能通過其來調用該方法。

使用的方法如下:

document.getElementById('demo') //demo是元素對應的ID

国产视频app此方法兼容IE6+以上的所有瀏覽器,可以放心使用

getElementsByTagName()

国产视频app該方法返回一個對象數組(準確的說是HTMLCollection集合,它不是真正意義上的數組),每個對象分別對應著文檔里有著給定標簽的一個元素。類似于getElementById,同樣,該方法只提供一個參數,它的參數是指定標簽的名字.

代碼如下:

document.getElementsByTagname('li')  //li是標簽的名字

需要注意的是,該方法除了能被document對象調用之外,還可以被普通的元素調用。

示例如下:

var demo = document.getElementById('demo');
var lis = demo.getElementsByTagname('li');

    

此方法兼容IE6+以上的所有瀏覽器,可以放心使用

getElementsByClassName()

国产视频app除了通過指定標簽獲取元素外,DOM還提供了getElementsByClassName方法來獲取指定class名的元素。不過由于該方法比較新,較老的瀏覽器還不支持,比如IE6。不過我們可以通過hack方式來彌補老瀏覽器缺陷。

document.getElementsByClassName('demo')    //demo為元素指定的class名

和getElementsByTagname一樣, 該方法除了能被document對象調用之外,還可以被普通的元素調用。

對于比較老的瀏覽器,比如IE6、7我們可以通過下面的hack方式來實現:

function getElementsByClassName(node,classname){
        if(node.getElementsByClassName) {
            return node.getElementsByClassName(classname);
        }else {
            var results = [];
            var elems = node.getElementsByTagName("*");
            for(var i = 0; i < elems.length; i++){
                if(elems[i].className.indexOf(classname) != -1){
                    results[results.length] = elems[i];
                }
            }
            return results;
        }
    }

getAttribute()

getAttribute()方法是一個函數。它只有一個參數——你打算查詢的屬性的名字:

getAttribute()方法不能通過document對象調用,這與我們此前介紹過的其他方法不同。我們只能通過一個元素節點對象調用它。

你可以把它與getElementsByTagName()方法結合起來,去查詢每個<p>元素的title屬性

代碼如下:

var text=document.getElementsByTagName("p")
for (var i=0;i<text.length;i++)
{
alert(text[i].getAttribute("title"));
}

setAttribute()

setAttribute()函數可以設置對象的屬性,如果不存在此屬性,則會創建此屬性。

代碼:

var ts=document.getElementsByTagName("li");
for (var i=0; i<ts.length;i++)
{
var text=ts[i].getAttribute("title");
alert(ts[i].getAttribute("title"))
if(text)
{
ts[i].setAttribute("title","我會成功!")
alert(ts[i].getAttribute("title"))
}
}

国产视频app上面的示例代碼,來自網絡,有什么不對的,大家可以在下方留言哦!