자바스크립트에서 요소 노드의 속성을 수정하는 방법

수정 방법: 1. setAttribute() 메서드를 사용하여 노드 속성 값을 수정합니다. 구문은 "node.setAttribute(속성 이름, 값)"입니다. 2. 지정된 속성을 삭제하려면 RemoveAttribute() 메서드를 사용합니다. , 구문은 "node.removeAttribute(속성) 이름)"입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript는 요소 노드의 속성을 수정합니다

setAttribute() 메서드를 사용하여 속성 값을 설정합니다.

요소의 setAttribute() 메서드를 사용하여 요소의 속성 값을 설정합니다. 사용법은 다음과 같습니다.

setAttribute(name, value)

매개변수 이름과 값은 각각 속성 이름과 속성 값을 나타냅니다. 속성 이름과 속성 값은 문자열로 전달되어야 합니다. 지정된 속성이 요소에 있으면 해당 값이 새로 고쳐지고, 없으면 setAttribute() 메서드가 요소에 대한 속성을 생성하고 값을 할당합니다.

<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>

removeAttribute() 메서드는 속성을 제거합니다.

요소의 RemoveAttribute() 메서드를 사용하여 지정된 속성을 제거합니다. 사용법은 다음과 같습니다.

removeAttribute(name)

매개변수 이름은 요소의 속성 이름을 나타냅니다.

예:

<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>

위의 예에서는 두 개의 버튼이 디자인되어 서로 다른 이벤트 처리 기능에 바인딩되었습니다. "삭제" 버튼을 클릭하여 테이블의 RemoveAttribute() 메서드를 호출하여 테이블 테두리를 지우고, "복원" 버튼을 클릭하여 테이블의 setAttribute() 메서드를 호출하여 두께를 재설정합니다.

【관련 권장 사항: javascript 학습 튜토리얼】

위 내용은 자바스크립트에서 요소 노드의 속성을 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!