AJAX 관련 JS 코드 조각 및 브라우저 models_javascript 기술 요약

.net 개발에서는 무료 컨트롤을 최대한 활용하는 것이 좋지만 필요에 맞게 컨트롤을 수정할 수 없다면 JS를 사용해야 합니다. 브라우저에서 다양한 개체의 메서드 속성을 연구하는 것이 전제입니다. 모델. 특히 CSS와 HTML에 익숙하신 분들이라면 아주 멋지게 하실 수 있으실 겁니다. JS 언어 자체에 관한 한 요구 사항은 높지 않습니다.

1. 테이블 내용을 동적으로 삭제하는 팁. 한 줄로 너무 많은 코드를 작성할 필요가 없습니다.

tb.removeNode(true)

2. 동적으로 추가합니다. CreateElement를 제외한 행 메소드는 다음과 같이 더 짧을 수도 있습니다:

<script> <BR>function addTable(){ <BR> var row1 = tb1 .insertRow(); <BR> var cell1=row1.insertCell(); <BR> var cell2=row1.insertCell(); <BR> cell1.innerText="<BR> cell2.innerText=" Super Big Stupid Wolf" <BR>} <BR></script>


　3. 동적으로 테이블 추가 DIV

<script> <BR>function addTable(){ <BR> var tb1 = document.createElement("table"; <BR> tb1.border="1px"; <BR> var row1 = tb1.insertRow( ); <BR> var cell1=row1.insertCell(); <BR> var cell2=row1.insertCell() <BR> mydiv.appendChild(tb1); ; <BR> cell2.innerText="panyuguang962" <BR>} <BR></script>

　4. DIV에서 테이블을 삭제하려면 간단히 Div.innerHTML=""를 사용하세요. > 위의 내용은 실용적이고 비교적 짧은 코드입니다. 물론 이를 달성하는 다양한 방법이 있지만 일반적으로 DIV 개체의 insertAdjacentHTML 메서드를 결합하는 등 위의 코드보다 깁니다. 전제는 브라우저 모델의 다양한 객체의 메소드 속성을 잘 연구하는 것입니다. 특히 CSS와 HTML에 익숙하신 분들이라면 아주 멋지게 하실 수 있으실 겁니다. JS 언어 자체에 관한 한 요구 사항은 높지 않습니다.

다음은 Document 개체의 예입니다.

메서드 설명
attachEvent
createAttribute
createComment
createDocumentFragment
createElement
createEventObject
createStyleSheet
createTextNode
detachEvent
getElementById
getElementsByName
getElementsByTagName
mergeAttributes
재계산
쓰기
쓰기
DIV 가져오기 물체 관련 메소드의 예는 다음과 같습니다:

addBehavior
appendChild
applyElement
attachEvent
clearAttributes
cloneNode
contains
detachEvent
getAdjacentText
getAttribute
getAttributeNode
getElementsByTagName
hasChildNodes
insertAdjacentElement
insertAdjacentHTML
insertAdjacentText
insertBefore
mergeAttributes
정규화
removeAttribute
remove AttributeNode
removeBehavior
removeChild
표현 제거