So ändern Sie die Attribute von Elementknoten in Javascript

Änderungsmethode: 1. Verwenden Sie die Methode setAttribute(), um den Wert des Knotenattributs zu ändern. Die Syntax lautet „node.setAttribute(Attributname, Wert)“. 2. Verwenden Sie die Methode removeAttribute(), um das angegebene Attribut zu löschen , die Syntax lautet „node.removeAttribute(attribute) name)“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript ändert die Attribute des Elementknotens

setAttribute()-Methode zum Festlegen des Attributwerts

Verwenden Sie die setAttribute()-Methode des Elements, um den Attributwert des Elements festzulegen. Die Verwendung ist wie folgt:

setAttribute(name, value)

Die Parameter Name und Wert repräsentieren den Attributnamen bzw. den Attributwert. Eigenschaftsnamen und Eigenschaftswerte müssen als Strings übergeben werden. Wenn das angegebene Attribut im Element vorhanden ist, wird sein Wert aktualisiert. Wenn es nicht vorhanden ist, erstellt die Methode setAttribute() das Attribut für das Element und weist einen Wert zu.

<div id="red">红盒子</div>
<div id="blue">蓝盒子</div>
<script>
    var red = document.getElementById("red");  //获取红盒子的引用
    var blue= document.getElementById("blue");  //获取蓝盒子的引用
    red.setAttribute("title", "这是红盒子");  //为红盒子对象设置title属性和值
    blue.setAttribute("title", "这是蓝盒子");  //为蓝盒子对象设置title属性和值
</script>

Die Methode „removeAttribute()“ entfernt Attribute

Verwenden Sie die Methode „removeAttribute()“ des Elements, um das angegebene Attribut zu entfernen. Die Verwendung ist wie folgt:

removeAttribute(name)

Der Parametername stellt den Attributnamen des Elements dar.

Beispiel:

<script>
    window.onload = function () {  //绑定页面加载完毕时的事件处理函数
        var table = document.getElementByTagName("table")[0];  //获取表格外框的引用
        var del = document.getElementById("del");
        var reset = document.getElementById("reset");
        del.onclick = function () {
            table.removeAttribute("border");
        }
        reset.onclick = function () {
            table.setAttribute("border", "2");
        }
</script>
<table width="100%" border="2">
    <tr>
        <td>数据表格</td>
    <tr>
</table>
<button id="del">删除</button><button id="reset">恢复</button>

Im obigen Beispiel sind zwei Schaltflächen entworfen und an unterschiedliche Ereignisverarbeitungsfunktionen gebunden. Klicken Sie auf die Schaltfläche „Löschen“, um die Methode „removeAttribute()“ der Tabelle aufzurufen und den Tabellenrand zu löschen, und klicken Sie auf die Schaltfläche „Wiederherstellen“, um die Methode „setAttribute()“ der Tabelle aufzurufen und die Dicke zurückzusetzen.

【Verwandte Empfehlungen: Javascript-Lern-Tutorial】

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Attribute von Elementknoten in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!