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

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

云罗郡主
풀어 주다: 2018-10-18 14:01:20
앞으로
2317명이 탐색했습니다.

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿