집 >웹 프론트엔드 >JS 튜토리얼 >JavaScript의 DOM 노드 작업 사용법(소스 코드)

JavaScript의 DOM 노드 작업 사용법(소스 코드)

云罗郡主앞으로: 2018-10-18 13:48:422328검색

이 기사에서 제공하는 내용은 JavaScript(소스 코드)에서 DOM 노드 작업을 사용하는 방법에 대한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

노드 생성 방법

1. document.createElement()  //创建元素节点
2. document.createTextNode() //创建文本节点
3. document.createAttribute() //创建属性节点
4. cloneNode()使用方法：被克隆的节点对象.cloneNode(value); 
value 值为false（默认）或true，false表示只克隆节点及其属性，true表示克隆节点及其属性以及其后代。

노드의 일부 사용법

例：<body>你好</body>
1. nodeValue用法  //一般用于文本节点

2.nodeName 사용법 // 일반적으로 요소 노드에 사용되며 반환되는 요소 이름은 모두 대문자입니다.

document.body.nodeName //BODY

속성 노드를 얻는 방법:

①document.body.getAttributeNode("属性名")
②document.body.attributes[0] //获取body中的第一个属性节点

텍스트 노드는 nodeName을 사용하여 #text

3을 반환합니다. (일반적으로 사용되는) 노드 유형:

元素节点   1 
    
属性节点   2  
文本节点  3   
注释      8   
 文档      9   （即document.nodeType返回9）

속성 작업

⑴对象.setAttribute(&#39;属性名&#39;,&#39;属性值&#39;);
 ⑵对象.className = &#39;属性名&#39;;
 ⑶var attr = document.createAttribute(&#39;属性名&#39;);
    attr.nodeValue = &#39;属性值&#39;;
    对象.setAttributeNode(attr);

2. 속성 삭제

    ⑴对象.removeAttribute(&#39;属性名&#39;);
    ⑵var attr = 对象.getAttributeNode(&#39;属性名&#39;);
    对象.removeAttributeNode(attr);
    附：getAttribute(&#39;属性名&#39;)返回属性值。
    ⑶针对于input标签中的checkbox可使用：
    对象.checked = false 使其不被选中；
    附：设置对象.checked = value时，应直接将value的值
    设为true或false，如果将value设置为一个字符串，
    会将该字符串转化为boolean类型再赋值，会消耗性能。

이상이 전체 소개입니다. JavaScript 동영상 튜토리얼에 대해 자세히 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

위 내용은 JavaScript의 DOM 노드 작업 사용법(소스 코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

php JavaScript dom

성명：

이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

이전 기사：js 클로저에 대해 더 자세히 이해하도록 안내합니다(세부 사항).다음 기사：js 클로저에 대해 더 자세히 이해하도록 안내합니다(세부 사항).