집 > 기사 > 웹 프론트엔드 > javascript_javascript 기술의 몇 가지 실용적인 기술 요약

javascript_javascript 기술의 몇 가지 실용적인 기술 요약

WBOY원래의: 2016-05-16 18:09:161003검색

JS 객체의 Table 객체(발췌)

Table对象集合

Table对象:表示HTML文档中的表，对于文档中每个

标记，浏览器都创建一个Table对象.

集合	描述
cells[]	获取包含表格中所有单元格的数组

테이블 개체 컬렉션

테이블 개체: 문서의 각

태그에 대해 테이블을 나타냅니다. 테이블 개체를 만듭니다.

컬렉션	설명
셀[]	테이블의 모든 셀을 포함하는 배열 가져오기

js 행의 열 가져오기

코드 복사

코드는 다음과 같습니다

var tbodyObj = document.getElementById(tbodyID);
tbodyObj.rows[rowID].cells[colID].innerText = "abcd"
tbodyObj.rows[rowID].cells[colID ].innerHTML = " abcd
(innerHTML은 html 코드, innerText는 표시된 텍스트를 나타냄);

document.documentElement 및 document.body 입니다. DOMDocument 객체의 body 하위 노드와 전체 노드 트리의 루트 노드

DOM은 계층 구조의 각 객체를 노드라고 부르는데, 이는 우리의 트리 구조와 같습니다. 디렉토리에는 루트 디렉토리가 있고, 루트 디렉토리 아래에 하위 디렉토리가 있고, 하위 디렉토리 아래에 하위 디렉토리가 있습니다.

HTML Hypertext Markup Language를 예로 들어 보겠습니다. 전체 문서의 한 루트는 offsetLet, offsetTop, scrollLeft, scrollTop 메소드 이해

키워드: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop:
현재 객체에서 상위 레이어까지의 거리
개체에서 페이지 상단까지의 거리를 설정하려면 style.top 속성을 사용하세요.

2.offsetLeft:
현재 개체에서 페이지 상단까지의 거리.
객체와 페이지 왼쪽 부분 사이의 거리를 설정하려면 style.left 속성을 사용하세요.

3.offsetWidth: 현재 개체의 너비. style.width 속성의 차이점은 개체의 너비가 백분율 너비로 설정된 경우 style.width는 페이지가 커지는지 여부에 관계없이 이 백분율을 반환합니다. 이하, offsetWidth는 백분율 값 대신 다른 페이지에 있는 개체의 너비 값을 반환합니다.

4.offsetHeight:
과 style.height 속성의 차이는

JS 운영 iframe에 대한 지식

eg.frameName.execCommand('print')
Get iframe
eg. 프레임["frameName"]; 3. iframe에서 요소 가져오기 eg1. ID가 elementId인 요소를 표시하지 않도록 설정: var ifr_window = window.frames["frameName"]; 🎜>ifr_window.elementId.style.display = 'none'; eg2.iframe에서 ID를 가져오는 것은 listTable의 테이블입니다.

성명：

이전 기사：탭 레이블 Switching_jquery의 jQuery 버전다음 기사：탭 레이블 Switching_jquery의 jQuery 버전

javascript_javascript 기술의 몇 가지 실용적인 기술 요약

관련 기사